Форматування Тексту

line-height

Властивість line-height визначає висоту рядка і часто використовується для регулювання відстані між рядками тексту. За замовчуванням line-height залежить від шрифту тексту і визначається браузером.

• multiplier - це значення без одиниць (наприклад, 1.5). У цьому випадку висотою рядка буде значення, яке на 1.5 більше значення font-size.
• value in px - конкретне значення (наприклад, 24px), якому буде дорівнювати висота рядка.
• value in em - значення (наприклад, 1.4em), яке працює аналогічно до multiplier. Браузер перевірить значення font-size, помножить його на 1.4, і цей результат буде висотою рядка.
• percent - значення (наприклад, 120%), яке працює як multiplier. Значення font-size буде помножено на 1.2, що визначить висоту рядка.

letter-spacing

Властивість letter-spacing задає горизонтальний інтервал між символами тексту.

• normal - це інтервал між символами за замовчуванням.
• value in px - це спеціальне значення, яке додає додатковий інтервал між символами.
• value in em працює подібно до px, але інтервал залежить від font-size.

word-spacing

Властивість word-spacing визначає відстань між словами у тексті. Вона збільшує простір між словами. Якщо в тексті є розділові знаки, і вони написані зі словами, то вони все одно будуть написані разом, оскільки між ними немає пробілу.

• value - це конкретне значення, яке задає інтервал між словами.
• inherit успадковує інтервал між словами від батьківського елемента.
• normal - це відстань між словами за замовчуванням.

text-shadow

Властивість text-shadow додає тінь до тексту.

• X set - регулює положення тіні по горизонталі. Позитивне значення зміщує тінь праворуч, негативне - ліворуч.
• Y set - регулює положення тіні по вертикалі. Позитивне значення переміщує тінь вниз, від'ємне - вгору.
• Радіус розмиття - при збільшенні значення тінь стає більш розмитою і світлішою. За замовчуванням значення 0, якщо не вказано.
• color - задає колір у довільному форматі. За замовчуванням значення збігається з кольором тексту.

Примітка

У форматуванні тексту не існує суворих правил, які диктують, які значення слід використовувати в конкретних ситуаціях. Вибір властивостей і значень форматування тексту залежить від унікальних вимог кожного проекту і бачення дизайну.