Установка свойства 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 .
|
Ключевое слово в 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} Отображает текст элемента как верхний индекс |
