الخاصية word-spacing
< CSS
الخاصية word-spacing في CSS تُحدِّد كيف سيكون التباعد بين الكلمات والوسوم.
/* كلمة محجوزة */
word-spacing: normal;
/* <length> أطوال */
word-spacing: 3px;
word-spacing: 0.3em;
/* <percentage> نسب مئوية */
word-spacing: 50%;
word-spacing: 200%;
/* قيم عامة */
word-spacing: inherit;
word-spacing: initial;
word-spacing: unset;
| القيمة الابتدائية | normal
|
|---|---|
| تُطبَّق على | جميع العناصر. |
| قابلة للوراثة | نعم. |
| قابلة للتحريك | نعم |
| القيمة المحسوبة | طول مطلق أو الكلمة المحجوزة normal.
|
أمثلة
مثال عن استخدام قيم موجبة وسالبة مع الخاصية word-spacing لزيادة (أو إنقاص) التباعد بين الكلمات:
<p class="word-spacing-px">The quick brown fox jumps over the lazy dog.</p>
<p class="word-spacing-minus">The quick brown fox jumps over the lazy dog.</p>
<p class="word-spacing-percent">The quick brown fox jumps over the lazy dog.</p>
شيفرة CSS:
.word-spacing-px { word-spacing: 1em; }
.word-spacing-minus { word-spacing: -3px; }
.word-spacing-percent { word-spacing: 150%; }
دعم المتصفحات
| الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| الدعم الأساسي | 1.0 | 1.0 | 6.0 | 3.5 | 1.0 |
| النسب المئوية | غير مدعومة | 45.0 | غير مدعومة | غير مدعومة | غير مدعومة |
البنية العامة
تقبل الخاصية word-spacing إحدى القيم التالية.
القيمة normal
التباعد الطبيعي بين الكلمات كما هو مُعرَّف في الخط الحالي أو في المتصفح.
القيمة <length>
تحديد الزيادة (أو النقصان) بين تباعد الكلمات بالأطوال المطلقة. يُسمَح باستخدام القيم السالبة.
القيمة <percentage>
تحديد الزيادة (أو النقصان) بين تباعد الكلمات على شكل نسبة مئوية من عرض الحرف المتقدم (أي advance width). يُسمَح باستخدام القيم السالبة.
البنية الرسمية
word-spacing: normal | <length> | <percentage>;
مصادر ومواصفات
- مسودة CSS Text Module Level 3.
- مسودة CSS Transitions.
- مواصفة CSS Level 2 (Revision 1).
- مواصفة CSS Level 1.