| С текстом в CSS можно производить множество различных трансформаций. Устанавливать нужное расстояние между символами, высоту строки, выравнивание текста по всевозможным границам, делать его подчеркнутым, перечеркнутым или мигающим. Устанавливать величину отступа первой строки для абзаца, и в то же время последующие строки будут выввыводится без отступа, преобразовывать прописные буквы в заглавные, не меняя их высоты и т.д... Свойства: text-align
- определяет выравнивание текста по горизонтали.
Примеры:
Code text-align: left; // Выравнивание по левому краю
Code text-align: right; // Выравнивание по правому краю
Code text-align: center; // Выравнивание по центру
Code text-align: justify; // Выравнивание по всей ширине блока
Значение по умолчанию - left
vertical-align
- определяет выравнивание текста по вертикали.
Примеры:
Code vertical-align: middle; // Выравнивание по центру высоты
Code vertical-align: bottom; // Выравнивание по нижней части контейнера
Code vertical-align: top; // Выравнивание по верхней части контейнера
Значение по умолчанию - top letter-spacing
- определяет межбуквенное расстояние.
Значения устанавливаются любыми величинами имеющимися в CSS.
Пример:
Code letter-spacing: 3px; // Межбуквенное расстояние 3 пикселя line-height
- определяет высоту строки.
Значения устанавливаются пикселями, процентами и множителем.
Примеры:
Code line-height: 16px; // Высота строки 16 пикселей
Code line-height: 70%; // Высота строки 70% от размера шрифта
Code line-height: 1.5; // Высота строки ровно полтора размера шрифта
Code line-height: normal; // Высота строки стандартная
Значение по умолчанию - normal text-decoration
- Определяет подчеркивание, перечеркивание, линию над текстом и мигание.
Примеры:
Code text-decoration: blink; // Мигающий текст
Code text-decoration: line-through; // Перечеркнутый текст
Code text-decoration: underline; // Подчеркнутый текст
Code text-decoration: overline; // Линия над текстом
Code text-decoration: none; // Отменяет все вышеописанные свойства
Значение по умолчанию - none text-indent
- определяет отступ первой строки в абзаце.
Значения устанавливаются в пикселях или процентах.
Пример:
Code text-indent: 25px; // Отступ первой строки 25 пикселей text-transform
- позволяет совершать различные манипуляции с регистром.
Примеры:
Code text-transform: capitalize; // Каждое слово начинается с заглавной буквы
Code text-transform: lowercase; // Все символы будут строчными
Code text-transform: uppercase; // Все символы будут прописными
Code text-transform: none; // Ничего не изменяет
Значение по умолчанию - none white-space
- способы отображения переносов строк и пробелов в самом коде.
Примеры:
Code white-space: nowrap; // Текст выводится в одну строку, игнорируя переносы
Code white-space: pre; // Текст выводится точно так же, как и написан в коде
Code white-space: normal; // Текст выводится как обычно по умолчанию
Значение по умолчанию - normal word-spacing
- определяет расстояние между словами.
Можно указывать любыми величинами имеющимися в CSS.
Примеры:
Code word-spacing: 10px; // Расстояние между словами 10 пикселей
Code word-spacing: normal; // Расстояние между словами стандартное
Значение по умолчанию - normal
| 
