CSS

Надстрочные и подстрочные элементы

Объявление vertical-align: sub превращает элемент в подстрочный. Это означает, что его базовая линия (или низ, если это замещаемый элемент) опущена относительно базовой линии его родителя. Спецификация не определяет величину понижения элемента, поэтому она может меняться в зависимости от агента пользователя. Значение super противоположно sub; оно поднимает базовую линию элемента (или низ замещаемого элемента) относительно базовой линии родителя. Опять же расстояние, на которое поднимается текст, зависит от агента пользователя.

Заметьте, что значения sub и super не меняют размер шрифта элемента, так что подстрочный или надстрочный текст не станет меньше (или больше). Напротив, любой текст под- или надстрочного элемента должен по умолчанию иметь такой же размер, что и текст родительского элемента:

span.raise {vertical0align: super;}
span.lower {vertical-align: sub;}

<p>This paragraph contains <span class="raise">superscripted</span>
and <span class="lower">subscripted</span> text.</P>


Для того чтобы сделать над- или подстрочный текст меньшим, чем текст его родительского элемента, надо обратиться к свойству font-size.
Теги:
vertical-align
Добавлено: 17 Июля 2018 22:15:17 Добавил: Андрей Ковальчук Нравится 0
Добавить
Комментарии:
Нету комментариев для вывода...