33. تباعد الأحرف وتباعد الكلمات

توفر هذه الخصائص تحكماً دقيقاً في الفجوات الأفقية بين الأحرف والكلمات، مما يؤثر بشكل كبير على التدفق البصري للطباعة.

تباعد الأحرف (letter-spacing)

يتحكم في المساحة الأفقية بين الأحرف (kerning).

• القيم الموجبة تبعد الأحرف عن بعضها البعض.
• القيم السالبة تقرب الأحرف من بعضها البعض (تستخدم غالباً بشكل طفيف للنصوص المكتوبة بحروف كبيرة).

css /* متباعدة لأثر جمالي، عادة للعناوين */ h2 { letter-spacing: 3px; }

/* تضييق التباعد قليلاً للعناصر المكتوبة بحروف كبيرة */ .promo-code { text-transform: uppercase; letter-spacing: -0.5px; }

تباعد الكلمات (word-spacing)

يتحكم في المساحة بين الكلمات الكاملة.

css /* زيادة الفجوة بين الكلمات */ .wide-copy { word-spacing: 10px; }

/* يمكن استخدام وحدات نسبية أيضاً */ p { word-spacing: 0.2rem; }

ملاحظة حول سهولة القراءة: كن متحفظاً عند ضبط التباعد. إذا كان التباعد كبيراً جداً أو ضيقاً جداً، فقد يضر بشكل كبير بسهولة القراءة، خاصة للمستخدمين الذين يعانون من عسر القراءة أو صعوبات القراءة.