English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
يختار خاصية font-stretch من النص العادي، المضغوط أو الموسع لأسلوب الخط.
الجدول أدناه يوضح استعمال هذه الصفة وتاريخ إصداراتها، بالإضافة إلى استخدامها في سكربتات JavaScript.
| القيمة الافتراضية: | normal |
|---|---|
| ينطبق على: | جميع العناصر. إنه ينطبق أيضًا على ::first-letter و ::first-line |
| الوراثة: | نعم |
| يمكنه الحركة: | نعم.يرجى الرجوع إلى صفات الرسوم المتحركة. |
| الإصدار: | نقطة جديدة في CSS3 |
| اللغة البرمجية JavaScript | الرمز.style.fontStretch="expanded" |
القواعد النحوية للصفة هي كما يلي:
font-stretch: normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | initial | inherit
في المثال أدناه، يتم عرض كيفية استخدام خاصية font-stretch.
p {
font-family: Arial, Helvetica, sans-serif;
font-stretch: condensed;
}اختبر لمعرفة‹/›الجدول أدناه يصف قيم هذه الخاصية.
| القيمة | الوصف |
|---|---|
| normal | تحديد الخط العادي. هذا هو القيمة الافتراضية. |
| ultra-condensed | تحديد الخط الأكثر كثافة. |
| extra-condensed | تحديد الخط الذي يتمدد في المرتبة الثانية. |
| condensed | تحديد الخط المضغوط. |
| semi-condensed | تحديد الخط المضغوط قليلاً. |
| semi-expanded | تحديد الخط الممدد قليلاً. |
| expanded | تحديد الخط الممدد. |
| extra-expanded | تحديد الخط الذي يتمدد في المرتبة الثانية. |
| ultra-expanded | تحديد الخط الأوسع. |
| initial | ضبط الخاصية إلى قيمتها الافتراضية. |
| inherit | إذا تم تحديد هذا الخيار، فإن العنصر المرتبط يستخدم نفس قيمة font-stretch للعنصر الأم. |
لا يدعم معظم المتصفحات الخاصية font-stretch. من الأفضل تجنب استخدام هذه الخاصية.
|
تحذير:تحذير: font-stretch غير مدعوم حاليًا في متصفحات Chrome،Safari وOpera. من الأفضل تجنب استخدام هذه الخاصية.
يرجى الرجوع إلى التعليمات التالية:خطوط CSS,وحدات CSS,مكونات وهمية CSS.
خصائص وإجراءات مرتبطة:font,font-family,font-size,font-size-adjust,font-style,font-variant,font-weight,@font-face.