Спецификация CSS1


Установка вертикального выравнивания текста ('vertical-align').


Значение: baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> По умолчанию: baseline Область применения: строчные элементы Наследуемость: нет Процентное выражение: по отношению к свойству "высота линии" ('line-height') самого элемента

Свойство влияет на вертикальное положение элемента. Используется набор следующих зарезервированных слов, указывающих положение относительно родительского элемента:

'baseline'

совмещает базу элемента (или его низ, если элемент не имеет базы), с базой родительского элемента 'middle'

выравнивает среднюю линию элемента (обычно изображения) по уровню "база плюс половина высоты ('x-height') родительского элемента" 'sub'

делает элемент подстрочным 'super'

делает элемент надстрочным 'text-top'

выравнивает верх элемента по верху шрифта родительского элемента 'text-bottom'

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

Другой набор значений свойства определяет выравнивание относительно форматируемой линии, частью которой является указанный элемент:

'top'

выравнивает вершину элемента по самому высокому элементу линии 'bottom'

выравнивает низ элемента по самому низкому элементу линии.

При использовании значений 'top' и 'bottom' могут возникать неразрешимые ситуации, когда зависимости одних элементов от других образуют замкнутый цикл.

Процентное выражение соотносится со значением свойства "высота линии" ('line-height') самого элемента. Таким способом база элемента (или низ, если таковая отсутствует) повышается на определенный уровень относительно базы родительского элемента. Допускаются отрицательные значения. Например, при значении '-100%' элемент будет опущен так, что его база достигнет уровня, где должна лежать база следующей линии. Это позволяет позиционировать по вертикали элементы, не имеющие базы - скажем, изображения, используемые для замещения букв.

Предполагается, что в будущей версии CSS в качестве значения этого свойства будет допускаться <length>.



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