مثال (خصوصیت font-stretch)
عریض تر کردن متن تمام عناصر div:
{
font-stretch: expanded;
}
پشتیبانی مرورگرها
هیچ یک از مرورگرهای اصلی، خصوصیت font-stretch را پشتیبانی می کنند.
تعریف و کاربرد
با استفاده از خاصیت Font-strech می توان یک متن را کشیده تر یا باریک تر (فشرده تر) کرد.
| مقدار پیشفرض | none |
|---|---|
| ارث بری | بله |
| نسخه | CSS3 |
| JavaScript ساختار | object.style.fontStretch="expanded" |
نحوه استفاده
| مقدار | توضیحات |
|---|---|
| wider | متن را کشیده تر می کند. |
| narrower | متن را باریک تر (فشرده تر) می کند. |
| ultra-condensed | متن را تا جایی که امکان دارد باریک و فشرده می کند. |
| extra-condensed | متن را باریک تر از حالت condensed می کند، اما نه باریک تر از حالت ultra-condensed. |
| condensed | متن را باریک تر از حالت semi-condensed می کند، اما نه باریک تر از حالت extra-condensed. |
| semi-condensed | متن را باریک تر از حالت normal می کند، اما نه باریک تر از حالت condensed. |
| normal | مقدار پیشفرض. هیچ فونتی کشیده نمی شود. |
| semi-expanded | متن را کشیده تر از حالت نرمال می کند، اما نه نه کشیده تر از حالت eapanded. |
| expanded | متن را کشیده تر از حالت semi-expanded می کند، اما نه نه کشیده تر از حالت extra-expanded. |
| extra-expanded | متن را کشیده تر از حالت expanded می کند، اما نه نه کشیده تر از حالت ultra-expanded. |
| ultra-expanded | متن را تا جایی که امکان دارد کشیده می کند. |
| inherit | میزان کشیده شدن متن از والدش ارث می بری می شود. |
