الفرق بين المراجعتين لصفحة: «CSS/letter-spacing»
< CSS
لا ملخص تعديل |
جميل-بيلوني (نقاش | مساهمات) طلا ملخص تعديل |
||
| (3 مراجعات متوسطة بواسطة مستخدمين اثنين آخرين غير معروضة) | |||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:الخاصية <code>letter-spacing</code>}}</noinclude> | <noinclude>{{DISPLAYTITLE:الخاصية <code>letter-spacing</code>}}</noinclude> | ||
الخاصية <code>letter-spacing</code> في CSS تُحدِّد ما هو التباعد بين الأحرف النصية. | الخاصية <code>letter-spacing</code> في [[CSS]] تُحدِّد ما هو التباعد بين الأحرف النصية. | ||
== بطاقة الخاصية == | |||
{| class="wikitable" style="width: 100%;" | {| class="wikitable" style="width: 100%;" | ||
|- | |- | ||
| سطر 31: | سطر 20: | ||
|طول مطلق أو الكلمة المحجوزة <code>normal</code>. | |طول مطلق أو الكلمة المحجوزة <code>normal</code>. | ||
|} | |} | ||
<syntaxhighlight lang="css"> | |||
/* <length> أطوال */ | |||
letter-spacing: 0.3em; | |||
letter-spacing: 3px; | |||
letter-spacing: .3px; | |||
/* كلمة محجوزة */ | |||
letter-spacing: normal; | |||
/* قيم عامة */ | |||
letter-spacing: inherit; | |||
letter-spacing: initial; | |||
letter-spacing: unset; | |||
</syntaxhighlight> | |||
== أمثلة == | == أمثلة == | ||
| سطر 63: | سطر 67: | ||
== البنية العامة == | == البنية العامة == | ||
تقبل الخاصية <code>letter-spacing</code> إحدى القيمتين التاليتين. | تقبل الخاصية <code>letter-spacing</code> إحدى القيمتين التاليتين. | ||
=== | === <code>normal</code> === | ||
التباعد الطبيعي بين الأحرف بالنسبة إلى الخط الحالي؛ وعلى النقيض من القيمة <code>0</code>، فهذه القيمة تسمح للمتصفح بتعديل المسافة بين الأحرف (اللاتينية) لجعل النص يملأ السطر (justify text). | التباعد الطبيعي بين الأحرف بالنسبة إلى الخط الحالي؛ وعلى النقيض من القيمة <code>0</code>، فهذه القيمة تسمح للمتصفح بتعديل المسافة بين الأحرف (اللاتينية) لجعل النص يملأ السطر (justify text). | ||
=== | === <code>[[CSS/length|<length>]]</code> === | ||
تحديد الزيادة (أو النقصان) بين تباعد الأحرف بالنسبة إلى تباعد الأحرف الافتراضي، ويُسمَح باستخدام قيم سالبة، لكن قد تكون هنالك محدوديات في آلية عملها في بعض المتصفحات. | تحديد الزيادة (أو النقصان) بين تباعد الأحرف بالنسبة إلى تباعد الأحرف الافتراضي، ويُسمَح باستخدام قيم سالبة، لكن قد تكون هنالك محدوديات في آلية عملها في بعض المتصفحات. | ||
| سطر 76: | سطر 80: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
== انظر أيضًا == | |||
* صفحة الخاصية <code>[[CSS/font|font]]</code> التي تؤدي إلى ضبط قيم الخاصيات الفرعية <code>[[CSS/font-style|font-style]]</code> و <code>[[CSS/font-weight|font-weight]]</code> و <code>[[CSS/font-size|font-size]]</code> و <code>[[CSS/font-size-adjust|font-size-adjust]]</code>. | |||
* صفحة الخاصية <code>[[CSS/line-height|line-height]]</code> التي تضبط المسافة المستخدم للأسطر. | |||
== مصادر ومواصفات == | == مصادر ومواصفات == | ||
* مسودة [https://drafts.csswg.org/css-text-3/#letter-spacing-property CSS Text Module Level 3]. | * مسودة [https://drafts.csswg.org/css-text-3/#letter-spacing-property CSS Text Module Level 3]. | ||
| سطر 81: | سطر 90: | ||
* مواصفة [http://www.w3.org/TR/CSS2/text.html#propdef-letter-spacing CSS Level 2 (Revision 1)]. | * مواصفة [http://www.w3.org/TR/CSS2/text.html#propdef-letter-spacing CSS Level 2 (Revision 1)]. | ||
* مواصفة [http://www.w3.org/TR/CSS1/#letter-spacing CSS Level 1]. | * مواصفة [http://www.w3.org/TR/CSS1/#letter-spacing CSS Level 1]. | ||
[[تصنيف:CSS]] | [[تصنيف:CSS|{{SUBPAGENAME}}]] | ||
[[تصنيف:CSS Property]] | [[تصنيف:CSS Property|{{SUBPAGENAME}}]] | ||
[[تصنيف:CSS Text]] | [[تصنيف:CSS Text|{{SUBPAGENAME}}]] | ||
[[تصنيف:CSS Text Decoration]] | [[تصنيف:CSS Text Decoration|{{SUBPAGENAME}}]] | ||
المراجعة الحالية بتاريخ 11:19، 7 أكتوبر 2022
الخاصية letter-spacing في CSS تُحدِّد ما هو التباعد بين الأحرف النصية.
بطاقة الخاصية
| القيمة الابتدائية | normal
|
|---|---|
| تُطبَّق على | جميع العناصر. |
| قابلة للوراثة | نعم. |
| قابلة للتحريك | نعم |
| القيمة المحسوبة | طول مطلق أو الكلمة المحجوزة normal.
|
/* <length> أطوال */
letter-spacing: 0.3em;
letter-spacing: 3px;
letter-spacing: .3px;
/* كلمة محجوزة */
letter-spacing: normal;
/* قيم عامة */
letter-spacing: inherit;
letter-spacing: initial;
letter-spacing: unset;
أمثلة
مثال عن استخدام قيم موجبة وسالبة مع الخاصية letter-spacing لزيادة (أو إنقاص) التباعد بين الأحرف:
<p class="ex1">letter spacing</p>
<p class="ex2">letter spacing</p>
<p class="ex3">letter spacing</p>
<p class="ex4">letter spacing</p>
شيفرة CSS:
.ex1 { letter-spacing: 0.4em; }
.ex2 { letter-spacing: 1em; }
.ex3 { letter-spacing: -0.05em; }
.ex4 { letter-spacing: 6px; }
دعم المتصفحات
| الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| الدعم الأساسي | 1.0 | 1.0 | 4 | 3.5 | 1.0 |
البنية العامة
تقبل الخاصية letter-spacing إحدى القيمتين التاليتين.
normal
التباعد الطبيعي بين الأحرف بالنسبة إلى الخط الحالي؛ وعلى النقيض من القيمة 0، فهذه القيمة تسمح للمتصفح بتعديل المسافة بين الأحرف (اللاتينية) لجعل النص يملأ السطر (justify text).
<length>
تحديد الزيادة (أو النقصان) بين تباعد الأحرف بالنسبة إلى تباعد الأحرف الافتراضي، ويُسمَح باستخدام قيم سالبة، لكن قد تكون هنالك محدوديات في آلية عملها في بعض المتصفحات.
استخدام قيمة طولية مع هذه الخاصية سيؤدي إلى عدم السماح للمتصفحات بزيادة أو إنقاص التباعد بين الأحرف لجعل النص يملأ السطر (justify text).
البنية الرسمية
letter-spacing: normal | <length>;
انظر أيضًا
- صفحة الخاصية
fontالتي تؤدي إلى ضبط قيم الخاصيات الفرعيةfont-styleوfont-weightوfont-sizeوfont-size-adjust. - صفحة الخاصية
line-heightالتي تضبط المسافة المستخدم للأسطر.
مصادر ومواصفات
- مسودة CSS Text Module Level 3.
- مسودة CSS Transitions.
- مواصفة CSS Level 2 (Revision 1).
- مواصفة CSS Level 1.