ویژگی fontStretch HTML DOM

تعریف و استفاده

ویژگی fontStretch برای تغییر شکل و انقباض font-family استفاده می‌شود.

نحوه‌ی استفاده:

Object.style.fontStretch=value

مقدارهای ممکن

مقدار توضیح
normal مقدار پیش‌فرض. مقیاس را به مقدار استاندارد تنظیم کنید.
wider تنظیم میزان افزایش به مقدار افزایش بیشتر.
نarrower تنظیم میزان کاهش به مقدار کاهش بیشتر.
  • 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>