Atributo font-stretch de CSS

Definición y uso

La propiedad font-stretch puede deformar la font-family actual en forma de estiramiento.

Véase también:

Tutorial de CSS:Fuente CSS

Manual de referencia de CSS:Atributo font de CSS

Manual de referencia de HTML DOM:Propiedad fontStretch

Ejemplo

Establecer la propiedad font-stretch de un elemento HTML:

h1
  
  font-stretch:ultra-condensado;
  

Sintaxis de CSS

font-stretch: ultra-condensado|extra-condensado|condensado|semi-condensado|normal|semi-ampliado|ampliado|extra-ampliado|ultra-ampliado|initial|inherit;

Valor del atributo

Valor Descripción
normal Valor predeterminado. Establecer la proporción de escala a estándar.
más ancho Establecer la proporción de expansión a un valor de expansión más avanzado.
más estrecho Establecer la proporción de contracción a un valor de contracción más avanzado.
  • ultra-condensado
  • extra-condensado
  • condensado
  • semi-condensado
  • semi-ampliado
  • ampliado
  • extra-ampliado
  • ultra-ampliado

Establecer la proporción de escala de font-family.

"ultra-condensado" es el valor más ancho, mientras que "ultra-ampliado" es el más estrecho.

Detalles técnicos

Valor predeterminado: normal
Herencia:
Versión: CSS2
Sintaxis de JavaScript: objeto.style.fontStretch="ultra-expanded"

soporte del navegador

Los números en la tabla indican la primera versión de navegador que admite completamente esta propiedad.

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