الفرق بين المراجعتين ل"CSS/word-spacing"
< CSS
اذهب إلى التنقل
اذهب إلى البحث
ط (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}') |
|||
سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:الخاصية <code>word-spacing</code>}}</noinclude> | <noinclude>{{DISPLAYTITLE:الخاصية <code>word-spacing</code>}}</noinclude> | ||
− | الخاصية <code>word-spacing</code> في CSS تُحدِّد كيف سيكون التباعد بين الكلمات والوسوم. | + | الخاصية <code>word-spacing</code> في CSS تُحدِّد كيف سيكون التباعد بين الكلمات والوسوم. |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | == بطاقة الخاصية == | |
− | |||
− | |||
− | |||
− | |||
{| class="wikitable" style="width: 100%;" | {| class="wikitable" style="width: 100%;" | ||
|- | |- | ||
سطر 34: | سطر 20: | ||
|طول مطلق أو الكلمة المحجوزة <code>normal</code>. | |طول مطلق أو الكلمة المحجوزة <code>normal</code>. | ||
|} | |} | ||
+ | |||
+ | <syntaxhighlight lang="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; | ||
+ | </syntaxhighlight> | ||
== أمثلة == | == أمثلة == | ||
سطر 71: | سطر 75: | ||
== البنية العامة == | == البنية العامة == | ||
تقبل الخاصية <code>word-spacing</code> إحدى القيم التالية. | تقبل الخاصية <code>word-spacing</code> إحدى القيم التالية. | ||
− | === | + | === <code>normal</code> === |
التباعد الطبيعي بين الكلمات كما هو مُعرَّف في الخط الحالي أو في المتصفح. | التباعد الطبيعي بين الكلمات كما هو مُعرَّف في الخط الحالي أو في المتصفح. | ||
− | === | + | === <code>[[CSS/length|<length>]]</code> === |
تحديد الزيادة (أو النقصان) بين تباعد الكلمات بالأطوال المطلقة. يُسمَح باستخدام القيم السالبة. | تحديد الزيادة (أو النقصان) بين تباعد الكلمات بالأطوال المطلقة. يُسمَح باستخدام القيم السالبة. | ||
− | === | + | === <code>[[CSS/percentage|<percentage>]]</code> === |
تحديد الزيادة (أو النقصان) بين تباعد الكلمات على شكل نسبة مئوية من عرض الحرف المتقدم (أي advance width). يُسمَح باستخدام القيم السالبة. | تحديد الزيادة (أو النقصان) بين تباعد الكلمات على شكل نسبة مئوية من عرض الحرف المتقدم (أي advance width). يُسمَح باستخدام القيم السالبة. | ||
مراجعة 10:50، 27 يوليو 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">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.