У HTML існує використання і теги для визначення нижнього та надрядкового тексту. Надрядковий текст відображається дрібнішим шрифтом і половинним символом над звичайною лінією. Зазвичай він використовується для запису математичних рівнянь (наприклад х2+ і2= r2 ), виноски та багато іншого.
На відміну від верхнього індексу, текст нижнього індексу відображається дрібнішим шрифтом і половинним символом під звичайним рядком. Зазвичай він використовується для написання хімічних рівнянь або хімічних формул, наприклад Х2О, Х2ТАК4, тощо
У CSS, вертикальне вирівнювання власність використовується для досягнення того самого. Ми також можемо вказати верхній і нижній індекс тексту за допомогою CSS. Ця властивість CSS визначає вертикальне вирівнювання тексту.
Тепер давайте подивимося, як отримати верхній і нижній індекси за допомогою вертикальне вирівнювання власність.
Синтаксис
vertical-align: baseline | super | sub ;
Значення майна
базова лінія: Це значення за замовчуванням, яке вирівнює текст за базовою лінією батьківського елемента.
супер: Це верхній індекс, який піднімає текст.
суб: Це нижній індекс, який опускає текст.
Коли значення супер і суб цієї властивості, тоді текст стає верхнім або нижнім індексом.
Приклад - верхній індекс
#super{ vertical-align:super; font-size: medium; } p{ font-weight: bold; font-size: 20px; } <p> Its common examples are chemical equations. </p> <h3> Chemical formula of Water is: H<span id="sub">2</span>O</h3> <h3> Ch emical formula of Sulphuric acid is: H<span id="sub">2</span>SO<span id="sub">4</span></h3> Перевірте зараз