خاصية letter-spacing
آخر تحديث: 2026-09-13
letter-spacing خاصية letter-spacing
تحدد خاصية letter-spacing في CSS المسافة بين الأحرف في النص. القيم الموجبة تزيد الفجوة والقيم السالبة تضيّقها. وتُستخدم غالبًا في العناوين أو لتحسين قابلية قراءة النص الإنجليزي بالأحرف الكبيرة.
| الفئة | |
|---|---|
| القيمة الأولية | normal |
| موروث | نعم |
| ينطبق على | |
| نوع الحركة | |
| إصدار CSS | CSS1 |
| الحالة | قياسي |
📝 التركيب
letter-spacing: normal | <length>;⚙️ القيم
| القيمة | النوع | الوصف |
|---|---|---|
normal | كلمة مفتاحية | تباعد الأحرف الافتراضي |
<length> | النوع | قيمة ثابتة لتباعد الأحرف |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفحات
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| letter-spacing | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
تلميح： للنص الإنجليزي بأحرف كبيرة بالكامل، تؤدي إضافة تباعد أحرف بمقدار 0.05em–0.1em إلى تحسين ملحوظ في القابلية للقراءة.
❓ الأسئلة الشائعة
Qهل تعمل خاصية letter-spacing بشكل صحيح مع النص الصيني؟
Aنعم. تؤدي إضافة 0.5px إلى 1px بين الحروف الصينية إلى جعل نص الفقرة أكثر اتساعًا والعناوين أكثر تصميمًا، لكن تجاوز 2px يكسر إيقاع القراءة. ويُطبَّق letter-spacing بالتساوي على جميع الأحرف، الصينية والإنجليزية على حد سواء.
Qهل تؤثر خاصية letter-spacing على محاذاة النص المبرر؟
Aنعم. يشغل التباعد عرضًا إضافيًا بعد كل حرف، ومع text-align: justify يُوزَّع الفراغ المتبقي عبر التباعد، لذا قد تبدو الفجوات غير متساوية. وبالنسبة للإنجليزية بالأحرف الكبيرة، يؤدي زيادة معتدلة فعليًا إلى تحسين القابلية للقراءة.
Qهل يمكن لخاصية letter-spacing قبول قيم سالبة في قاعدة CSS؟
Aنعم. القيم السالبة تقرّب الأحرف بعضها من بعض — فمثلًا -0.05em يضيّق نص العناوين الكبيرة؛ لكن قيمة صغيرة جدًا تتداخل المخطوطات وتضر بالقابلية للقراءة. وفي التخطيطات المتجاوبة يُفضَّل em لأنه يتدرّج مع حجم الخط.
🏷️ خصائص ذات صلة
💡 حالات ذات صلة
📚 دروس ذات صلة
