Atributo font-stretch do CSS

Definição e uso

A propriedade font-stretch pode deformar a font-family atual para alongamento e compressão.

Veja também:

Tutorial do CSS:CSS Fonte

Manual do CSS:Atributo font do CSS

Manual do DOM HTML:Propriedade fontStretch

Exemplo

Defina a propriedade font-stretch de elementos HTML:

h1
  
  font-stretch:ultra-condensed;

Sintaxe do CSS

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

Valor do atributo

Valor Descrição
normal Valor padrão. Defina a escala para padrão.
maior Defina a proporção de expansão para um valor de expansão ainda maior.
menor Defina a proporção de compressão para um valor de compressão ainda maior.
  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

Defina a escala da família de fontes.

"ultra-condensed" é o valor mais largo, enquanto "ultra-expanded" é o mais estreito.

Detalhes técnicos

Valor padrão: normal
Herança: sim
Versão: CSS2
Sintaxe do JavaScript: object.style.fontStretch="ultra-expanded"

suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta plenamente essa propriedade.

Chrome IE / Edge Firefox Safari Opera
48.0 9.0 9.0 11.0 35.0