В 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> Тествайте сега