English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
تضيف خاصية font-variant الخاصة بـ CSS عرض النص باستخدام الخط الصغير الكبير، مما يعني أن جميع الحروف الصغيرة ستتم تحويلها إلى حروف كبيرة، ولكن الحروف التي تستخدم الخط الصغير الكبير تبدو أصغر حجمًا مقارنة بالنص الأخر
جدول التالي يوضح شرح الاستخدام لهذه الخاصية وتاريخ إصداراتها، بالإضافة إلى نحو استخدام هذه الخاصية في سكربتات الجافا سكربت.
| القيمة الافتراضية: | normal |
|---|---|
| تطبيقها على: | جميع العناصر |
| الوراثة: | نعم |
| يمكن تحريكه: | لايرجى الرجوع إلى خصائص الرسوم المتحركة。 |
| الإصدار: | CSS 1،2،3 |
تكون نحو هذه الخاصية كالتالي:
font-variant: normal | small-caps | initial | inherit
يوضح المثال التالي كيفية استخدام خاصية font-variant.
p {
font-variant: small-caps;
}اختبر هذا‹/›جدول التالي يصف قيم هذه الخاصية.
| القيمة | الوصف |
|---|---|
| normal | تحديد الخط العادي. |
| small-caps | تحديد الخط الذي يتم استخدامه للكتابة بالحروف الصغيرة. |
| initial | تعيين هذه الخاصية إلى قيمتها الافتراضية. |
| inherit | إذا تم تحديد، فإن العنصر المرتبط يستخدم نفس قيمة الخاصية font-variant للعنصر الأب. |
ملاحظة: في الخط الصغير الكبير، تبدو الحروف الصغيرة مثل الحروف الكبيرة، ولكنها أصغر حجمًا، والتناسب مختلف قليلاً.
مستوى التطابق للمتصفحات في الخاصية font-variant، الأرقام في الجدول التالي تمثل أحدث إصدار من المتصفح الذي يدعم الخاصية؛ يدعم جميع المتصفحات الرئيسية هذه الخاصية.
|
يرجى الرجوع إلى الدروس التالية:خط CSS،نص CSS。
خصائص وقواعد مرتبطة:font،font-style،font-weight،font-size،line-height،font-family،@font-face。