ویژگی font-variant-caps CSS
- صفحه قبل font-variant
- صفحه بعدی font-weight
تعریف و استفاده
ویژگی font-variant-caps استفاده از شکلهای جایگزین حروف بزرگ را کنترل میکند.
لطفاً به: مراجعه کنید
آموزش CSS:شبکه CSS
دستورالعمل CSS:ویژگی font
دستورالعمل HTML DOM:ویژگی fontVariant
مثال
تنظیم پاراگراف به حروف کوچک:}
p.normal {font-variant-caps: normal;}
p.small {font-variant-caps: small-caps;}
p.allsmall {font-variant-caps: all-small-caps;}
p.petite {font-variant-caps: petite-caps;}
p.allpetite {font-variant-caps: all-petite-caps;}
p.unicase {font-variant-caps: unicase;}
p.titling {font-variant-caps: titling-caps;}
قوانین CSS
font-variant-caps: normal|small-caps|all-small-caps|petite-caps|all-petite-caps|unicase|titling-caps|initial|inherit|unset;
مقدار ویژگی
| مقدار | توضیحات |
|---|---|
| normal | استفاده از شکلهای جایگزین را غیرفعال میکند. |
| small-caps | حروف کوچک بسیار کوچک را نمایش میدهد. |
| all-small-caps | حروف بزرگ و کوچک را به صورت حروف کوچک بسیار کوچک نمایش میدهد. |
| petite-caps | حروف کوچک بسیار کوچک را نمایش میدهد. |
| all-petite-caps | حروف بزرگ و کوچک را به صورت حروف کوچک بسیار کوچک نمایش میدهد. |
| unicase | اجازه میدهد که حروف بزرگ به ترکیب با حروف کوچک تبدیل شوند. |
| titling-caps | نوشتار با اولین حرف بزرگ |
| initial | این ویژگی را به مقدار پیشفرض خود تنظیم میکند. لطفاً به: مراجعه کنید initial. |
| inherit | این ویژگی را از عنصر والد خود ارث میبرد. لطفاً به: مراجعه کنید inherit. |
| unset |
توضیحات:حروف کوچک بزرگ به معنای استفاده از حروف بزرگ است، اما اندازه آنها با حروف کوچک مشابه است.
جزئیات فنی
| مقدار پیشفرض: | normal |
|---|---|
| وراثت: | بله |
| انیمیشنسازی: | پشتیبانی نمیشود. لطفاً به: مراجعه کنیدویژگیهای مرتبط با انیمیشن. |
| نسخه: | CSS3 |
| قوانین جاوااسکریپت: | object.style.fontVariantCaps="small-caps" |
پشتیبانی مرورگر
اعداد در جدول نشاندهنده نسخه اولیه مرورگرهایی هستند که این ویژگی را به طور کامل پشتیبانی میکنند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 52.0 | 79.0 | 34.0 | پشتیبانی نمیشود | 39.0 |
- صفحه قبل font-variant
- صفحه بعدی font-weight
