CSS
April 10, 2020

①Преобразование текста: свойство 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;

Продолжение в следующей статье!