①Преобразование текста: свойство text-transform
Модуль CSS-текст описывает функции CSS, которые управляют переводом исходного текста в форматированный и переносом строк. Различные свойства CSS обеспечивают контроль над преобразованием регистра, обработкой пробелов, правилами переноса и переносом текста и строк, выравниванием, интервалами и отступами.
Основной единицей текста является символ. Тем не менее, поскольку системы письма не всегда так просты, как основной английский алфавит, то, чем на самом деле является символ, зависит от контекста, в котором используется этот термин. Например, в корейской системе письма каждое квадратное представление слога (например, 한 = хань) можно считать символом. Однако квадратный символ действительно состоит из нескольких букв, каждая из которых представляет фонему (например, ㅎ = h, ㅏ = a, ㄴ = n), и каждая из них также может считаться символом.
CSS построен на Unicode.
Содержание:
1. Преобразование текста: свойство text-transform
2. Обработка пробелов и переносы строк: свойство white-space
3. Настройка табуляции: свойство tab-size
4. Разрыв строки и границы слов
4.1. Правила разрыва для букв: свойство word-break
4.2. Разрыв строки: свойство line-break
4.3. Расстановка переносов: свойство hyphens
4.4. Переполнение блока-обертки: свойство overflow-wrap/word-wrap
5. Выравнивание и выключка строк
5.1. Выравнивание текста: свойство text-align
5.2. Выравнивание текста по умолчанию: свойство text-align-all
5.3. Выравнивание последней строки: свойство text-align-last
6. Промежутки
6.1. Промежутки между словами: свойство word-spacing
6.2. Трекинг: свойство letter-spacing
7. Отступ первой строки: свойство text-indent
1. Преобразование текста: свойство text-transform
Свойство text-transform стилизует текст. Оно не влияет на базовое содержимое и не должно влиять на содержимое операции копирования и вставки простого текста.
Свойство наследуется.
text-transform
Значения:
- none - Значение по умолчанию, означает отсутствие эффектов.
- capitalize - Изменяет написание первой буквы каждого слова в элементе, делая её прописной.
- uppercase - Выводит все слова в элементе прописными буквами.
- lowercase - Выводит все слова в элементе строчными буквами.
- initial - Устанавливает значение свойства в значение по умолчанию.
- inherit - Наследует значение свойства от родительского элемента.
Синтаксис
CSS
text-transform: none; text-transform: capitalize; text-transform: uppercase; text-transform: lowercase; text-transform: inherit; text-transform: initial;
Продолжение в следующей статье!