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.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| font-style | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
