عرض مصدر CSS/letter-spacing

<noinclude>{{DISPLAYTITLE:الخاصية <code>letter-spacing</code>}}</noinclude>
الخاصية <code>letter-spacing</code> في CSS تُحدِّد ما هو التباعد بين الأحرف النصية.<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>
{| class="wikitable" style="width: 100%;"
|-
! scope="row" style="width: 20%;" |[[CSS/initial value|القيمة الابتدائية]]
|<code>normal</code>
|-
! scope="row" |تُطبَّق على
|جميع العناصر.
|-
! scope="row" |قابلة للوراثة
|نعم.
|-
!قابلة للتحريك
|نعم
|-
! scope="row" |القيمة المحسوبة
|طول مطلق أو الكلمة المحجوزة <code>normal</code>.
|}

== أمثلة ==
مثال عن استخدام قيم موجبة وسالبة مع الخاصية <code>letter-spacing</code> لزيادة (أو إنقاص) التباعد بين الأحرف:<syntaxhighlight lang="html">
<p class="ex1">letter spacing</p>
<p class="ex2">letter spacing</p>
<p class="ex3">letter spacing</p>
<p class="ex4">letter spacing</p>
</syntaxhighlight>شيفرة CSS:<syntaxhighlight lang="css">
.ex1 { letter-spacing: 0.4em;   }
.ex2 { letter-spacing: 1em;     }
.ex3 { letter-spacing: -0.05em; }
.ex4 { letter-spacing: 6px;     }
</syntaxhighlight>
==دعم المتصفحات==
{| class="wikitable"
!الميزة
!|Chrome
!Firefox
!Internet Explorer
!Opera
!Safari
|-
! الدعم الأساسي
|1.0
|1.0
|4
|3.5
|1.0
|}

== البنية العامة ==
تقبل الخاصية <code>letter-spacing</code> إحدى القيمتين التاليتين.
=== القيمة <code>normal</code> ===
التباعد الطبيعي بين الأحرف بالنسبة إلى الخط الحالي؛ وعلى النقيض من القيمة <code>0</code>، فهذه القيمة تسمح للمتصفح بتعديل المسافة بين الأحرف (اللاتينية) لجعل النص يملأ السطر (justify text).

=== القيمة <code>[[CSS/length|<length>]]</code> ===
تحديد الزيادة (أو النقصان) بين تباعد الأحرف بالنسبة إلى تباعد الأحرف الافتراضي، ويُسمَح باستخدام قيم سالبة، لكن قد تكون هنالك محدوديات في آلية عملها في بعض المتصفحات.

استخدام قيمة طولية مع هذه الخاصية سيؤدي إلى عدم السماح للمتصفحات بزيادة أو إنقاص التباعد بين الأحرف لجعل النص يملأ السطر (justify text).

=== البنية الرسمية ===
<syntaxhighlight lang="css">
letter-spacing: normal | <length>;

</syntaxhighlight>
== مصادر ومواصفات ==
* مسودة [https://drafts.csswg.org/css-text-3/#letter-spacing-property CSS Text Module Level 3].
* مسودة [https://drafts.csswg.org/css-transitions/#animatable-css CSS Transitions].
* مواصفة ‎[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]. 
[[تصنيف:CSS|{{SUBPAGENAME}}]]
[[تصنيف:CSS Property|{{SUBPAGENAME}}]]
[[تصنيف:CSS Text|{{SUBPAGENAME}}]]
[[تصنيف:CSS Text Decoration|{{SUBPAGENAME}}]]