font-stretch

Índice

Definición de .font-stretch utilizado en CSS

La propiedad .font-stretch, introducida en CSS3, selecciona una cara normal, condensada o expandida de una fuente.

Caso de empleo : propiedad CSS font-stretch

Esta propiedad de CSS se emplea de la siguiente manera:

p {
  font-stretch: ultra-condensed;
}

Sintaxis de .font-stretch en CSS

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

Valores

Valor Descripción
ultracondensado Hace que el texto sea lo más estrecho posible
extra-condensado Hace que el texto sea más angosto que condensado, pero no tan angosto como ultracondensado
condensado Hace que el texto sea más angosto que semicondensado, pero no tan angosto como extracondensado
semi-condensado Hace que el texto sea más angosto de lo normal, pero no tan angosto como condensado
normal Valor por defecto. Sin estiramiento de fuente
semi-expandido Hace que el texto sea más ancho de lo normal, pero no tanto como expandido
expandido Hace que el texto sea más ancho que semiexpandido, pero no tan ancho como extraexpandido
extra-expandido Hace que el texto sea más ancho que expandido, pero no tan ancho como ultraexpandido
ultra-expandido Hace que el texto sea lo más ancho posible
inicial Establece esta propiedad en su valor predeterminado.
heredar Hereda esta propiedad de su elemento principal.

Exploradores compatibles con .font-stretch

Los números de la tabla especifican la primera versión del navegador que es plenamente compatible con la propiedad.

Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.

PropertyChromeInternet Explorer / EdgeFirefoxSafariOpera
font-style 1.0 4.0 1.0 1.0 7.0

Bibliografía

Quizás quieras echar un vistazo a estas propiedades de CSS

¿Necesitas ayuda para crear tu Web?

Cuéntanos de que trata y te asesoraremos sin compromiso