خاصية تباعد الأحرف letter-spacing

الصياغة

.latin-label {
  text-transform: uppercase;
  letter-spacing: 0.05em; /* لاتيني فقط! */
}
/* العربية: لا تباعد أبدًا */

⚡ جرّب بنفسك

عدّل الكود واضغط «تحديث» لترى النتيجة فورًا — التجربة أفضل معلّم.

<style>.ls div { margin: 6px 0; }</style>
<div class="ls">
  <div style="letter-spacing:0.15em; font-weight:bold" dir="ltr">LATIN SPACED — أنيق</div>
  <div style="letter-spacing:0.15em">نص عربي متباعد — تمزّق واضح</div>
  <div>نص عربي طبيعي — اتصال سليم وجمال أصلي</div>
</div>

أهم القيم

💡 نصائح عملية

• الثنائي الكلاسيكي: uppercase + تباعد خفيف — لعناوين الأقسام اللاتينية
• لإبراز عربي بلا تمزيق: الوزن والحجم واللون — أدواتك الثلاث

⚠️ أخطاء شائعة

• تطبيقها على العربية من قالب أجنبي — تشويه فوري للحروف المتصلة
• تباعد مبالغ حتى لاتينيًا يجعل الكلمات حروفًا مبعثرة

خصائص ذات صلة