Описание

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

Синтаксис

text-decoration: [ blink || line-through || overline || underline ] | none | inherit

Значения

Blink Устанавливает мигающий текст. Такой текст периодически, примерно раз в секунду исчезает, потом вновь появляется на прежнем месте. Это значение в настоящее время не поддерживается браузерами и осуждается в CSS3, взамен рекомендуется использовать анимацию.

line-through Создает перечеркнутый текст (пример).

Overline Линия проходит над текстом (пример).

Underline Устанавливает подчеркнутый текст (пример).

None Отменяет все эффекты, в том числе и подчеркивания у ссылок, которое задано по умолчанию.

Inherit Значение наследуется у родителя.

text-underline-position

Задает местонахождение линии подчеркивания выше или ниже теста

Below-помещает линию под текстом

Above-помещает линию над текстом

text-align-last

Описание

Задает выравнивание последней строки текста, когда свойство text-align установлено как justify.

Синтаксис

text-align-last: start | end | left | right | center | justify

Значения

Start Строка выравнивается по начальному краю блока.

End Строка выравнивается по конечному краю блока.

Left Строка выравнивается по левому краю.

Right Строка выравнивается по правому краю.

Center Строка выравнивается по центру.

Justify Строка выравнивается по ширине. Если в последней строке только одно слово, то оно будет выравнено по левому краю.

Text-indent

Описание

Устанавливает величину отступа первой строки блока текста (например, для абзаца <p>). Воздействия на все остальные строки не оказывается. Допускается отрицательное значение для создания выступа первой строки, но следует проверить, чтобы текст не выходил за пределы окна браузера.

Синтаксис

text-indent: <значение> | <проценты> | inherit

text-transform

Описание

Управляет преобразованием текста элемента в заглавные или прописные символы. Когда значение отлично от none, регистр исходного текста будет изменен.

Синтаксис

text-transform: capitalize | lowercase | uppercase | none | inherit

Значения

Capitalize Первый символ каждого слова в предложении будет заглавным. Остальные символы свой вид не меняют.

Lowercase Все символы текста становятся строчными (нижний регистр).

Uppercase Все символы текста становятся прописными (верхний регистр).

noneНе меняет регистр символов.

Inherit Наследует значение родителя.

Text-justify

Свойство text-justify используется, когда свойство text-align установлено в "justify" и указывает, как текст должен выравниваться и наполняться пробелами.

Значения свойства

Значение	Описание
auto	Браузер определяет алгоритм выравнивания.
inter-word	Увеличивает/Уменьшает расстояние между словами.
inter-ideograph	Выравнивает контент с идеографическим текстом.
inter-cluster	Выравнивается только контент, который не содержит междусловные пробелы (как в Азиатских языках).
newspaper	Изменяется расстояние, как между словами, так и между буквами. Оптимизирован для латинского алфавита.
distribute	Как и в значении newspaper, с тем исключением, что в Восточных Азиатских языках (например, в Тайском) последняя строка не выравнивается.
kashida	Выравнивает контент с помощью растягивания символов.
none	Выравнивание отключено.

word-spacing

Описание

Устанавливает интервал между словами. Если для текста задано выравнивание через text-align со значением justify(выравнивание по ширине), то интервал между словами будет установлен принудительно, но не меньше значения, указанного через word-spacing.

Синтаксис

word-spacing: <размер> | normal | inherit

Значения

В качестве значений принимаются любые единицы длины, принятые в CSS — например, пикселы (px), дюймы (in), пункты (pt) и др. Значение может быть и отрицательным, но следует проверять работоспособность в разных браузерах. Процентная запись не применима.

Normal Устанавливает интервал между словами как обычно.

Inherit Наследует значение родителя.

Word-wrap

Описание

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

Синтаксис

word-wrap: normal | break-word | inherit

Значения

Normal Строки не переносятся или переносятся в тех местах, где явно задан перенос (например, с помощью тега<br>).

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

Inherit Наследует значение родителя.

word-mode

Задает направление строк направление строк текста: горизонтальное или вертикальное

Lr-tb-текст пишется слева направо

Tb-rl – сверху вниз и справа налево

Letter-spacing

Описание

Определяет интервал между символами в пределах элемента.

Синтаксис

letter-spacing: значение | normal | inherit

Значения

В качестве значений принимаются любые единицы длины, принятые в CSS — например, пикселы (px), дюймы (in), пункты (pt) и др. Наилучший результат дает использование относительных единиц основанных на размере шрифта (em и ex).

Normal Задает интервал между символами как обычно.

Inherit Наследует значение родителя.

Line-height

Описание

Устанавливает интерлиньяж (межстрочный интервал) текста, отсчет ведется от базовой линии шрифта.

Синтаксис

line-height: множитель | значение | проценты | normal | inherit

Значения

Любое число больше нуля воспринимается как множитель от размера шрифта текущего текста. Например, значение 1.5 устанавливает полуторный межстрочный интервал. В качестве значений принимаются также любые единицы длины, принятые в CSS — пикселы (px), дюймы (in), пункты (pt) и др. Разрешается использовать процентную запись, в этом случае за 100% берется высота шрифта.

Normal Расстояние между строк вычисляется автоматически.

Inherit Наследует значение родителя.

Direction

Задает порядок чтения текста: ltr – слева направо; rtl – справа налево

white-space

Будут ли строки текста автоматически переносится, если они не помещаются в нем по ширине.

26. Свойства CSS: синтаксис описания стиля, группы (списков: list-style-image, list-style-position, list-style-type, page-break-after, page-break-before): атрибуты и их значения, синтаксис, примеры.

list-style-image

Описание

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

Синтаксис

list-style-image: none | url('путь к файлу') | inherit

Значения

None Отменяет изображение в качестве маркера для родительского элемента.

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

Inherit Наследует значение родителя.

list-style-position

Описание

Определяет, как будет размещаться маркер относительно текста. Имеется два значения: outside — маркер вынесен за границу элемента списка (рис. 1) и inside — маркер обтекается текстом (рис. 2).

list-style-type

Описание

Изменяет вид маркера для каждого элемента списка. Это свойство используется только в случае, когда значениеlist-style-image установлено как none. Маркеры различаются для маркированного списка (тег <ul>) и нумерованного (тег<ol>).

Синтаксис

list-style-type: circle | disc | square | armenian | decimal | decimal-leading-zero | georgian | lower-alpha | lower-greek | lower-latin | lower-roman | upper-alpha | upper-latin | upper-roman | none | inherit

page-break-after

Описание

Добавляет разрыв страницы при печати документа после заданного элемента.

Синтаксис

page-break-after: always | auto | avoid | left | right | inherit

Значения

Always Всегда добавляет разрыв страницы после элемента.

Auto Вставляет разрыв страницы при необходимости.

Avoid Запрещает разрыв страницы после элемента.

Left Пропускает одну или две страницы после элемента, чтобы следующая страница при печати была четной.

Right Пропускает одну или две страницы после элемента, чтобы следующая страница при печати была нечетной.

Inherit Наследует значение родителя.

page-break-before