شرح صفوف ومحتوى الفقرة
عندما ترغب في منح عنوان رئيسي عربي أو ثنائي اللغة اتساعاً أفقياً فخماً دون المساس بترابط الحروف داخل الكلمة الواحدة، فإن الخيار الهندسي الصحيح هو خاصية word-spacing. فعلى عكس تباعد الأحرف، تستهدف هذه الخاصية محرف المسافة الفاصلة بين الكلمات المستقلة فقط (U+0020) وتترك بنية كل كلمة متماسكة تماماً.
القيمة الافتراضية للخاصية هي normal، وتعادل إضافة 0px فوق عرض المسافة الأصلي المصمم داخل الخط. تزيد القيم الموجبة مثل 4px أو 0.25em من وضوح الفصل بين الكلمات، في حين تُستخدم القيم السالبة الطفيفة مثل -1px أحياناً لتقريب كلمات العناوين ذات الفراغات العريضة.
CSS
.eyebrow-label {
text-transform: uppercase;
letter-spacing: 2px;
word-spacing: 4px;
}
.airy-slogan {
font-size: 22px;
word-spacing: 8px;
}