تباعد نص CSS
المسافة البادئة للنص
تُستخدم text-indent
الخاصية لتحديد المسافة البادئة للسطر الأول من النص:
مثال
p {
text-indent: 50px;
}
تباعد الأحرف
يتم letter-spacing
استخدام الخاصية لتحديد المسافة بين الأحرف في النص.
يوضح المثال التالي كيفية زيادة أو تقليل المسافة بين الأحرف:
مثال
h1 {
letter-spacing: 5px;
}
h2 {
letter-spacing: -2px;
}
ارتفاع خط
تُستخدم line-height
الخاصية لتحديد المسافة بين السطور:
مثال
p.small {
line-height: 0.8;
}
p.big {
line-height: 1.8;
}
تباعد الكلمات
تُستخدم word-spacing
الخاصية لتحديد المسافة بين الكلمات في النص.
يوضح المثال التالي كيفية زيادة أو تقليل المسافة بين الكلمات:
مثال
p.one {
word-spacing: 10px;
}
p.two {
word-spacing: -2px;
}
مساحة بيضاء
white-space
تحدد الخاصية كيفية معالجة المسافة البيضاء داخل العنصر .
يوضح هذا المثال كيفية تعطيل التفاف النص داخل عنصر:
مثال
p {
white-space: nowrap;
}