Atributo font-stretch do CSS

Definição e uso

A propriedade font-stretch pode deformar a font-family atual em 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

Definir 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 da propriedade

Valor Descrição
normal Valor padrão. Definir a escala para padrão.
mais amplo Definir a proporção de expansão para um valor de expansão ainda maior
mais estreito Definir 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

Definir a escala da font-family.

"ultra-condensed" é o valor mais amplo, 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 completamente essa propriedade.

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