Текст

Атрибуты текста относятся к категории «Text properties».

Межбуквенные расстояния

Межбуквенные расстояния пропорциональны кеглю.

В пропорциональных гарнитурах межбуквеные расстояния зависят ещё и от начертания символов, поэтому в моноширинных гарнитурах зависимость межбуквенных расстояний от кегля прослеживается отчётливее.

Регулировать межбуквенные расстояния независимо от кегля позволяет атрибут letter-spacing.

Атрибут letter-spacing не поддерживается в Netscape Navigator 4.0.

Выравнивание

Выравнивание текста внутри родительского элемента управляется атрибутом text-align, который принимает следующие значения:
• center — выравнивание по центру;
• justify — выравнивание по левому и правому краю одновременно;
• right — выравнивание по правому краю.

Атрибут text-align в CSS аналогичен атрибуту ALIGN в HTML.

Преобразование гарнитуры

Атрибут text-transform позволяет:
• преобразовать буквы в прописные — значение uppercase;
• преобразовать буквы в строчные — значение lowercase;
• преобразовать первые буквы слов в прописные — значение capitalize.

В нелокализованных браузерах такое преобразование производится путём смещения по таблице ASCII, что не подходит для русского алфавита.

Атрибут text-decoration позволяет:
• отменить декорирование — значение none;
• перечеркнуть текст — значение line-through;;
• подчеркнуть текст — значение underline.

Атрибут text-decoration интерпретируется только с гарнитурами имеющими соответствующие виды преобразований.

Первая строка

Атрибут text-indent имея положительное значение формирует горизонтальный отступ первой строки текстового блока, а отрицательное значение — горизонтальный выступ.

Применять атрибуты стилей можно не только ко всему текстовому блоку, но и к отдельным его частям. Для этого к селектору следует добавить модификатор в следующем формате:

К таким модификаторам относятся:
• first-letter — модификатор первой буквы первой строки;
• first-line — модификатор первой строки.

Оба модификатора поддерживаются не всеми браузерами, но того же эффекта можно добиться применением HTML-контейнеров TABLE и FONT.

Межстрочное расстояние

Межстрочное расстояние задаёт атрибут line-height. При этом межстрочное расстояние является расстоянием не между строками, а между базовыми линиями строк.

При использовании in-line изображений превышающих кегль по высоте браузер автоматически увеличит межстрочное расстояние.

Обновлено: 14:33 02.09.2019

Назад