الفرق بين المراجعتين لصفحة: «CSS/word-spacing»

مراجعة 14:19، 4 أغسطس 2018

الخاصية word-spacing في CSS تُحدِّد كيف سيكون التباعد بين الكلمات والوسوم.

بطاقة الخاصية

القيمة الابتدائية	`normal`
تُطبَّق على	جميع العناصر.
قابلة للوراثة	نعم.
قابلة للتحريك	نعم
القيمة المحسوبة	طول مطلق أو الكلمة المحجوزة `normal`.

/* كلمة محجوزة */
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;

أمثلة

مثال عن استخدام قيم موجبة وسالبة مع الخاصية word-spacing لزيادة (أو إنقاص) التباعد بين الكلمات:

<p class="word-spacing-px">محتوى موسوعة حسوب هو محتوى مرجعي، أي هو أقرب للقاموس تبحث فيه عمّا تحتاج له عند الحاجة. إذا كنت تبحث عن دروس تطبيقية، فننصحك بزيارة أكاديمية حسوب</p>
<p class="word-spacing-minus">محتوى موسوعة حسوب هو محتوى مرجعي، أي هو أقرب للقاموس تبحث فيه عمّا تحتاج له عند الحاجة. إذا كنت تبحث عن دروس تطبيقية، فننصحك بزيارة أكاديمية حسوب</p>
<p class="word-spacing-percent">محتوى موسوعة حسوب هو محتوى مرجعي، أي هو أقرب للقاموس تبحث فيه عمّا تحتاج له عند الحاجة. إذا كنت تبحث عن دروس تطبيقية، فننصحك بزيارة أكاديمية حسوب</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.

@@ سطر 41: / سطر 41: @@
 == أمثلة ==
 مثال عن استخدام قيم موجبة وسالبة مع الخاصية <code>word-spacing</code> لزيادة (أو إنقاص) التباعد بين الكلمات:<syntaxhighlight lang="html">
-<p class="word-spacing-px">The quick brown fox jumps over the lazy dog.</p>
+<p class="word-spacing-px">محتوى موسوعة حسوب هو محتوى مرجعي، أي هو أقرب للقاموس تبحث فيه عمّا تحتاج له عند الحاجة. إذا كنت تبحث عن دروس تطبيقية، فننصحك بزيارة أكاديمية حسوب</p>
-<p class="word-spacing-minus">The quick brown fox jumps over the lazy dog.</p>
+<p class="word-spacing-minus">محتوى موسوعة حسوب هو محتوى مرجعي، أي هو أقرب للقاموس تبحث فيه عمّا تحتاج له عند الحاجة. إذا كنت تبحث عن دروس تطبيقية، فننصحك بزيارة أكاديمية حسوب</p>
-<p class="word-spacing-percent">The quick brown fox jumps over the lazy dog.</p>
+<p class="word-spacing-percent">محتوى موسوعة حسوب هو محتوى مرجعي، أي هو أقرب للقاموس تبحث فيه عمّا تحتاج له عند الحاجة. إذا كنت تبحث عن دروس تطبيقية، فننصحك بزيارة أكاديمية حسوب</p>
 </syntaxhighlight>شيفرة CSS:<syntaxhighlight lang="css">
 .word-spacing-px      { word-spacing: 1em; }