HTML DOM fontStretch-Eigenschaft

Definition und Verwendung

Die fontStretch-Eigenschaft wird verwendet, um die Skalierung und Deformation der aktuellen font-family zu ändern.

Syntax:

Object.style.fontStretch=value

Mögliche Werte

Wert Beschreibung
normal Standardwert. Setzen Sie das Skalierungsverhältnis auf den Standard.
breiter Setzen Sie den Vergrößerungsgrad auf einen weiter vergrößernden Wert.
schmaler Setzen Sie den Verkleinerungsgrad auf einen weiter verkleinernden Wert.
  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

Setzen Sie das Skalierungsverhältnis von font-family.

"ultra-condensed" ist der breiteste Wert, während "ultra-expanded" der schmalste Wert ist.

Beispiel

Dieses Beispiel dehnt die Schriftart aus:

<html>
<head>
<script type="text/javascript">
function setFontStretch()
{
document.getElementById("p1").style.fontStretch="ultra-expanded";
}
</script>
</head>
<body>
<p id="p1">Dies ist ein Beispielabsatz.</p>
<input type="button" onclick="setFontStretch()" 
value="Stretch font" />
</body>
</html>