HTML DOM fontStretch Özelliği

Tanım ve Kullanım

fontStretch özelliği, mevcut font-family'yi esnetme ve deforme etmekte kullanılır.

Gramer:

Object.style.fontStretch=value

olası değerler

değer tanım
normal Varsayılan değer. Ölçek oranını standart olarak ayarlayın
geniş Genişletme oranını daha fazla genişletme değeri olarak ayarlayın
dar Genişletme oranını daha fazla daraltma değeri olarak ayarlayın
  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

font-family'nin ölçek oranını ayarlayın.

"ultra-condensed" en geniş değeri, "ultra-expanded" ise en dar değeri.

Örnek

Bu örnek, fontu genişletir:

<html>
<head>
<script type="text/javascript">
function setFontStretch()
{
document.getElementById("p1").style.fontStretch="ultra-expanded";
}
</script>
</head>
<body>
<p id="p1">Bu, bir örnek paragraf.</p>
<input type="button" onclick="setFontStretch()" 
value="Genişlet font" />
</body>
</html>