Основы XML

       

Установка свойства vertical-align


Вы можете использовать свойство vertical-align для создания верхних или нижних индексов (надстрочных и подстрочных символов). Это свойство оказывает воздействие только на элементы inline (см. раздел "Установка свойства display" ранее в этой лекции).

Вы можете назначить свойству vertical-align одно из ключевых слов CSS, описанных в таблице 7.10. Чтобы получить образцы текста, я присваивал значение свойству vertical-align только для элемента CHILD, который является элементом inline и описан в документе следующим образом:

<PARENT>PARENT ELEMENT <CHILD>CHILD ELEMENT</CHILD> </PARENT>

Дочерние элементы не наследуют свойство vertical-align .

Таблица 7.10.

Ключевое слово в vertical-align:

Пример правила CSS:

Эффект:

baseline (по умолчанию)

CHILD {font-size:75%; vertical-align:baseline}

Совмещает базовую линию текста элемента с базовой линией текста родительского элемента

Ключевое слово в vertical-align:

Пример правила CSS:

Эффект:

sub

CHILD {font-size:75%; vertical-align:sub}

Отображает текст элемента как нижний индекс

Ключевое слово в vertical-align:

Пример правила CSS:

Эффект:

super

CHILD {font-size:75%; vertical-align:super}

Отображает текст элемента как верхний индекс



Содержание раздела