سبد (0)

خصوصیت font-stretch

مثال (خصوصیت font-stretch)

عریض تر کردن متن تمام عناصر div:

div
{
font-stretch: expanded;
}
خودتان امتحان کنید »

پشتیبانی مرورگرها

Internet Explorer Firefox Opera Google Chrome Safari

هیچ یک از مرورگرهای اصلی، خصوصیت font-stretch را پشتیبانی می کنند.


تعریف و کاربرد

با استفاده از خاصیت Font-strech می توان یک متن را کشیده تر یا باریک تر (فشرده تر) کرد.

مقدار پیشفرض none
ارث بری بله
نسخه CSS3
JavaScript ساختار object.style.fontStretch="expanded"

نحوه استفاده

font-stretch: wider|narrower|ultra-condensed|extra-condensed|condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded|ultra-expanded|inherit;
مقدار توضیحات
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

میزان کشیده شدن متن از والدش ارث می بری می شود.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه