Опубликован: 06.06.2006 | Уровень: для всех | Доступ: платный
Лекция 16:

Текст

< Лекция 15 || Лекция 16: 1234 || Лекция 17 >
Аннотация: Описываются механизмы представления символов, пробелов, слов и параграфов.

Свойства, определённые в следующих разделах, влияют на визуальное представление символов, пробелов, слов и параграфов.

Отступы: свойство 'text-indent'

'text-indent'

Значение: <length> | <percentage> | inherit

Начальное: 0

Применяется: к элементам уровня блока

Наследуется: да

Процентное: относительно ширины содержащего блока

Носитель: визуальный

Это свойство специфицирует отступ первой строки текста в блоке. Точнее, оно специфицирует отступ первого бокса, всплывающего в первый строчный бокс блока. Бокс получает отступ относительно левого (или правого, для вывода справа-налево) края строчного бокса. Пользовательские агенты (ПА) должны отображать этот отступ как пробел.

Значения имеют следующий смысл:

<length>

Отступ имеет фиксированный размер.

<percentage>

Процент от ширины содержащего блока.

Значение 'text-indent' может быть отрицательным, но могут быть ограничения, зависящие от реализации.

Отступ размером '3em' для текста.

P { text-indent: 3em }

Выравнивание: свойство 'text-align'

'text-align'

Значение: left | right | center | justify | <string> | inherit

Начальное: зависит от ПА и направления письма

Применяется: к элементам уровня блока

Наследуется: да

Процентное: N/A

Носитель: визуальный

Это свойство описывает, как выравнивается инлайн-содержимое блока. Значения имеют следующий смысл:

left, right, center, and justify

Выравнивает текст влево, вправо, по центру и по формату.

<string>

Специфицирует строку, в которой ячейки столбца таблицы будут выровнены (см. детали и пример в разделе Горизонтальное выравнивание в столбце). Это значение применяется только к ячейкам таблицы. Если установлено в другом элементе, оно рассматривается как 'left' или 'right', в зависимости от того, каково направление письма: 'direction' - 'ltr' или 'rtl', соответственно.

Блок текста это стопка строчных боксов. В случаях 'left', 'right' и 'center', это свойство специфицирует, как инлайн-боксы в каждом строчном боксе выравниваются относительно левой и правой сторон строчного бокса; выравнивание не производится относительно порта просмотра. В случае с 'justify', ПА может сжать инлайн-боксы в дополнение к уточнению их позиций. (См. также 'letter-spacing' и 'word-spacing'.)

Здесь обратите внимание, что, поскольку 'text-align' наследуется, все элементы уровня блока внутри элемента DIV с 'class=center' получат своё инлайн-содержимое сцентрированным.

DIV.center { text-align: center }
Примечание. Фактический алгоритм выравнивания по формату зависит от ПА и языка письма.
Соответствующие пользовательские агенты (ПА) могут интерпретировать значение 'justify' как 'left' или 'right', в зависимости от того, каково по умолчанию направление письма: слева-направо или справа-налево, соответственно.
< Лекция 15 || Лекция 16: 1234 || Лекция 17 >
Наталья Алмаева
Наталья Алмаева
Россия
Светлана Казьмина
Светлана Казьмина
Россия, Волгодонск