Propiedad fontStretch del DOM HTML

Definición y uso

La propiedad fontStretch se utiliza para realizar deformaciones de estiramiento sobre la font-family actual.

Sintaxis:

Object.style.fontStretch=value

valores posibles

valor descripción
normal Valor predeterminado. Establecer la proporción de escala en estándar.
más ancho Establecer el valor de expansión para un valor de expansión más avanzado
más estrecho Establecer el valor de contracción para un valor de contracción más avanzado
  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

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

"ultra-condensed" es el valor más ancho, mientras que "ultra-expanded" es el valor más estrecho.

Ejemplo

Este ejemplo estira la fuente:

<html>
<head>
<script type="text/javascript">
function setFontStretch()
{
document.getElementById("p1").style.fontStretch="ultra-expanded";
}
</script>
</head>
<body>
<p id="p1">Este es un párrafo de ejemplo.</p>
<input type="button" onclick="setFontStretch()" 
value="Estirar fuente" />
</body>
</html>

TIY

fontStretch - Estirar fuente