ویژگی Style fontVariant
- صفحه قبل fontStyle
- صفحه بعدی fontWeight
- بازگشت به لایه بالاتر موضوع Style در HTML DOM
تعریف و استفاده
fontVariant ویژگی‌ای که تنظیم یا بازگشتی دارد، آیا فونت به صورت کوچک‌تر نمایش داده می‌شود یا خیر.
این به این معناست که تمام حروف کوچک به حروف بزرگ تبدیل می‌شوند، اما این حروف در مقایسه با باقی متن، اندازه کوچک‌تری دارند.
لطفاً به
آموزش CSS:خط CSS
دستورالعمل CSS:ویژگی font-variant
دستورالعمل HTML DOM:ویژگی font
مثال
مثال 1
عنصر <p> را به فونت کوچک‌تر تنظیم کنید:
document.getElementById("myP").style.fontVariant = "small-caps";
مثال 2
بازگشتی فونت‌گونه <p> عبارت است از:
alert(document.getElementById("myP").style.fontVariant);
نحوه استفاده
بازگشتی ویژگی fontVariant:
object.style.fontVariant
تنظیم ویژگی fontVariant:
object.style.fontVariant = "normal|small-caps|initial|inherit"
مقدار ویژگی
| مقدار | توضیحات |
|---|---|
| normal | فونت عادی. پیش‌فرض. |
| small-caps | فونت به صورت کوچک‌تر نمایش داده می‌شود. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | normal |
|---|---|
| مقدار بازگشتی: | رشته‌ای که نشان‌دهنده نوع فونت عادی یا کوچک‌تر است. |
| نسخه CSS: | CSS1 |
پشتیبانی از مرورگر
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبل fontStyle
- صفحه بعدی fontWeight
- بازگشت به لایه بالاتر موضوع Style در HTML DOM
