انتقل إلى محتوى الدرس

Text Spacing and Readability تباعد النصوص وراحة القراءة

أتقن خصائص تباعد النصوص في لغة CSS لضبط ارتفاع السطر بالأرقام المجردة والمسافات بين الكلمات والبادئة وعرض الجدولة، مع حماية اتصال الحروف العربية من الانقطاع.
3 صفوف تعليمية
لغة CSS
10,738 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

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

توفر لغة CSS خمس خصائص متخصصة للتحكم في أبعاد التباعد النصي داخل الفقرة الواحدة: ضبط المسافة الرأسية بين الأسطر عبر line-height، والتحكم في تباعد الحروف عبر letter-spacing، وتوسيع أو تضييق الفراغ بين الكلمات عبر word-spacing، وإزاحة مطلع السطر الأول عبر text-indent، وتحديد اتساع مسافة الجدولة داخل مقاطع الكود عبر tab-size.

الصف 2 صورة توضيحية
مخطط توضيحي لأبعاد تباعد النصوص في CSS يشمل ارتفاع السطر وتباعد الكلمات والبادئة ومحاذير تباعد الأحرف العربية
الصف 3 ملاحظة هامة