Текст и шрифт

Свойства для загрузки шрифтов и управления видом текста.

@font-face

Определяет настройки шрифтов, а также позволяет загрузить специфичный шрифт на компьютер пользователя.

box-decoration-break

Указывает, как оформлять фрагмент текста при его переносе на другую строку.

caret-color

Задаёт цвет текстового курсора, который отображается в текстовых полях формы, а также для элементов с атрибутом contenteditable.

direction

Свойство предназначено для сайтов, в которых имеет значение направление текста.

font

Универсальное свойство, которое позволяет одновременно задать несколько характеристик шрифта и текста.

font-family

Устанавливает семейство шрифта, которое будет использоваться для оформления текста содержимого.

font-kerning

Управляет кернингом шрифта. Кернинг — это изменение интервала между определёнными сочетаниями букв для сохранения плотности букв в тексте. Это особенно важно для букв, у которых есть наклонные линии, вроде А, У, W, V.

font-size

Определяет размер шрифта элемента.

font-stretch

Устанавливает узкое, нормальное или широкое начертание шрифта, что позволяет уплотнять или расширять текст.

font-style

Определяет начертание шрифта — обычное, курсивное или наклонное.

font-variant

Определяет, как нужно представлять строчные буквы — оставить их без модификаций или делать их все прописными уменьшенного размера.

font-weight

Устанавливает насыщенность шрифта.

hyphens

Сообщает браузеру, как расставлять переносы слов в блоке текста. Словарь переносов хранится в браузере и подключается только при наличии атрибута lang с кодом языка.

letter-spacing

Определяет интервал между букв в тексте.

line-clamp

Ограничивает текст заданным числом строк. Если текст превышает указанное число строк, то текст обрезается и в конце добавляется многоточие.

line-height

Устанавливает высоту строки текста.

tab-size

Используется для изменения ширины отступа, заданного с помощью символа табуляции.

text-align

Определяет горизонтальное выравнивание текста.

text-align-last

Задаёт выравнивание последней строки блока текста.

text-decoration

Добавляет оформление текста в виде его подчёркивания, перечёркивания, линии над текстом.

text-decoration-color

Устанавливает цвет линии, которая добавляется через свойство <span class="attribute">text-decoration</span>.

text-decoration-line

Определяет, как должна добавляться декоративная линия к тексту — подчёркивание, перечёркивание, над текстом. Одновременно можно добавлять несколько линий, перечисляя значения через пробел.

text-decoration-skip-ink

Задаёт, как выводить линию под или над текстом, когда линия пересекает выносные элементы букв, вроде «у», «р», «ц» и др.

text-decoration-style

Устанавливает стиль декоративной линии, которая добавляется к тексту через свойство text-decoration или text-decoration-line.

text-emphasis

Сокращённое свойство, позволяющее установить значения свойств text-emphasis-style и text-emphasis-color одновременно.

text-emphasis-color

Устанавливает цвет маркеров, отображаемых с помощью свойства text-emphasis-style.

text-emphasis-position

Устанавливает положение маркеров, отображаемых с помощью свойства text-emphasis-style.

text-emphasis-style

Устанавливает вид маркеров над каждым символом текста. Такие маркеры обычно используются в азиатских языках чтобы показать, как произносится слово.

text-indent

Устанавливает величину отступа первой строки блока текста.

text-orientation

Устанавливает ориентацию текстовых символов в строке и применяется только к вертикальному тексту (когда свойство writing-mode задано как vertical-lr или vertical-rl).

text-overflow

Определяет параметры видимости текста в блоке, если текст целиком не помещается в заданную область.

text-shadow

Добавляет тень к тексту, а также устанавливает её параметры.

text-transform

Управляет преобразованием текста элемента в заглавные или прописные символы.

unicode-bidi

Задаёт, как должен располагаться текст.

white-space

Устанавливает, как отображать пробелы между словами.

word-break

Свойство word-break указывает, как делать перенос строк внутри слов, которые не помещаются по ширине в заданную область.

word-spacing

Устанавливает интервал между словами.

word-wrap

Указывает, переносить или нет длинные слова, которые не помещаются по ширине в заданную область.

writing-mode

Устанавливает направление текста на странице.

Псевдоэлемент ::first-letter

Определяет стиль первого символа в тексте элемента, к которому добавляется.

Псевдоэлемент ::first-line

Задаёт стиль первой строки форматированного текста.

Псевдоэлемент ::selection

Применяет стиль к выделенному пользователем фрагменту текста.