خصوصیت font-stretch
مثال (خصوصیت 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 |
میزان کشیده شدن متن از والدش ارث می بری می شود. |
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 8007