خصائص fontStretch في DOM HTML

التعريف والاستخدام

يستخدم خصائص fontStretch لتحويل تشوه الخط الحالي لـ font-family.

النحو:

Object.style.fontStretch=قيمة

القيم الممكنة

قيمة وصف
normal القيمة الافتراضية. إعداد نسبة التكبير إلى القيمة القياسية.
أوسع إعداد نسبة التوسع إلى أقل قيمة للتوسع
أضيق إعداد نسبة الشدادة إلى أقل قيمة للشدادة
  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

إعداد نسبة التكبير لـ font-family.

"ultra-condensed" هي أكبر القيم، و "ultra-expanded" هي أقل القيم.

مثال

هذا المثال يقوم بتوسيع الخط:

<html>
<head>
<script type="text/javascript">
function setFontStretch()
{
document.getElementById("p1").style.fontStretch="ultra-expanded";
}
</script>
</head>
<body>
<p id="p1">هذا مثال على جملة.</p>
<input type="button" onclick="setFontStretch()" 
value="تمديد الخط" />
</body>
</html>

TIY

fontStretch - تمديد الخط