خصوصیت font-stretch

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

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

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

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

هیچ یک از مرورگرهای اصلی، خصوصیت 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مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامیپرداخت آنلاین -  بانک ملتمعرفی بیاموز در شبکه سهپرداخت آنلاین - بانک اقتصاد نوینپرداخت آنلاین - بانک سامان