English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manual de referência CSS

CSS @regras (RULES)

大全 de atributos CSS

CSS3 font-método de uso e exemplo da propriedade stretch

font-a propriedade stretch CSS escolhe a aparência normal, comprimida ou esticada da fonte.

a tabela a seguir fornece a descrição de uso e histórico de versão deste atributo, bem como a sintaxe de uso do atributo no script JavaScript.

valor padrão:normal
aplicável a:todos os elementos. Também se aplica a ::first-letra e ::first-linha
herança:sim
capaz de ser animado:sim.por favor, consulte propriedades de animação.
versão: CSS3nova funcionalidade
Sintaxe do JavaScript:object.style.fontStretch="expanded"

font-Sintaxe de uso do stretch

A sintaxe dessa propriedade é a seguinte:

font-stretch: normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | initial | inherit

Os exemplos a seguir mostram como usar font-propriedade stretch

p {
    font-family: Arial, Helvetica, sem-serif;
    font-stretch: condensado;
}
Teste e veja‹/›

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

ValorDescrição
normalEspecifique a fonte normal. Este é o valor padrão.
ultra-condensedEspecifique a fonte mais densa.
extra-condensedEspecifique a segunda fonte mais simples.
condensedEspecifique a fonte comprimida
semi-condensedEspecifique a fonte ligeiramente comprimida.
semi-expandedEspecifique a fonte ligeiramente estendida.
expandedEspecifique a fonte estendida.
extra-expandedEspecifique a segunda fonte mais estendida.
ultra-expandedEspecifique a fonte mais estendida.
initialDefina essa propriedade para seu valor padrão.
inheritSe especificado, o elemento relacionado usa o font do pai-Valores da propriedade stretch

Compatibilidade do navegador

font-A propriedade stretch não é suportada pela maioria dos navegadores. Melhor evitar o uso dessa propriedade.

  • Firefox 9+

  • Google Chrome×

  • Internet Explorer 9+

  • Apple Safari ×

  • Opera ×

Aviso:font-Aviso: A propriedade atualmente não é suportada pelos navegadores Chrome, Safari e Opera. Melhor evitar o uso dessa propriedade.

Leia mais

Por favor, consulte o seguinte tutorial:Fontes do CSS,Unidades do CSS,Elementos pseudo do CSS.

Atributos e regras relacionados:font,font-family,font-size,font-size-adjust,font-style,font-variant,font-weight,@font-face.