الفرق بين المراجعتين ل"CSS/letter-spacing"
< CSS
اذهب إلى التنقل
اذهب إلى البحث
ط (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}') |
|||
سطر 81: | سطر 81: | ||
* مواصفة [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}}]] |
مراجعة 15:35، 28 يناير 2018
الخاصية letter-spacing
في CSS تُحدِّد ما هو التباعد بين الأحرف النصية.
/* <length> أطوال */
letter-spacing: 0.3em;
letter-spacing: 3px;
letter-spacing: .3px;
/* كلمة محجوزة */
letter-spacing: normal;
/* قيم عامة */
letter-spacing: inherit;
letter-spacing: initial;
letter-spacing: unset;
القيمة الابتدائية | normal
|
---|---|
تُطبَّق على | جميع العناصر. |
قابلة للوراثة | نعم. |
قابلة للتحريك | نعم |
القيمة المحسوبة | طول مطلق أو الكلمة المحجوزة normal .
|
أمثلة
مثال عن استخدام قيم موجبة وسالبة مع الخاصية 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>;
مصادر ومواصفات
- مسودة CSS Text Module Level 3.
- مسودة CSS Transitions.
- مواصفة CSS Level 2 (Revision 1).
- مواصفة CSS Level 1.