English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manual de referencia CSS

CSS @reglas (RULES)

大全 de propiedades CSS

CSS3 fuente-métodos de uso y ejemplos de la propiedad stretch

fuente-la propiedad stretch CSS selecciona un aspecto común, comprimido o extendido del tipo de fuente.

la tabla a continuación proporciona una descripción de uso y registro histórico de esta propiedad, así como la sintaxis de uso en scripts de JavaScript.

valor predeterminado:normal
aplica a:todos los elementos. También se aplica a ::first-letter y ::first-line
herencia:
animación posible:sí.consulte propiedades de animación.
versión: CSS3nueva función
Sintaxis de JavaScript:}}objeto.style.fontStretch="expanded"

fuente-Sintaxis de uso de stretch

La sintaxis de esta propiedad es la siguiente:

fuente-stretch: normal | ultra-condensada | extra-condensada | condensada | semi-condensada | semi-expandida | expandida | extra-expandida | ultra-expandida | inicial | inherit

El siguiente ejemplo muestra cómo usar font-propiedad stretch

p {
    fuente-family: Arial, Helvetica, sans-serif;
    fuente-stretch: condensada;
}
Ver el ejemplo‹/›

Valor de la propiedad

La siguiente tabla describe los valores de esta propiedad.

ValorDescripción
normalEspecifique la fuente normal. Este es el valor predeterminado.
ultra-condensadaEspecifique la fuente más densa.
extra-condensadaEspecifique la fuente más condensada en segundo lugar.
condensadaEspecifique la fuente condensada.
semi-condensadaEspecifique la fuente ligeramente condensada.
semi-expandidaEspecifique la fuente ligeramente expandida.
expandidaEspecifique la fuente expandida.
extra-expandidaEspecifique la fuente más extensa en segundo lugar.
ultra-expandidaEspecifique la fuente más extensa.
initialEstablezca esta propiedad en su valor predeterminado.
inheritSi se especifica, el elemento asociado utiliza la propiedad font de su elemento padre-Valores de la propiedad stretch

Compatibilidad del navegador

fuente-La propiedad stretch no es compatible con la mayoría de los navegadores.

  • Firefox 9+

  • Google Chrome×

  • Internet Explorer 9+

  • Apple Safari ×

  • Opera ×

Advertencia:fuente-Advertencia: la propiedad stretch no es compatible con los navegadores Chrome, Safari y Opera. Es mejor evitar su uso.

Leer más

Consulte la siguiente guía:Fuente de CSS,Unidades de CSS,Elementos pseudo de CSS.

Atributos y reglas relacionados:fuente,fuente-family,fuente-tamaño,fuente-tamaño-adjust,fuente-style,fuente-variant,fuente-weight,@font-face.