W HTML stosuje się I znaczniki definiujące tekst indeksu dolnego i górnego. Tekst indeksu górnego jest wyświetlany mniejszą czcionką i pół znaku nad normalną linią. Jest powszechnie używany do pisania równań matematycznych (np X2+ i2= r2 ), przypisy i wiele innych.
W przeciwieństwie do indeksu górnego, tekst indeksu dolnego jest wyświetlany mniejszą czcionką i pół znaku poniżej normalnej linii. Jest powszechnie używany do zapisywania równań chemicznych lub wzorów chemicznych, takich jak H2OH2WIĘC4, itp.
W CSS, wyrównanie w pionie własność jest wykorzystywana do osiągnięcia tego samego celu. Indeks górny i dolny tekstu możemy również określić za pomocą CSS. Ta właściwość CSS określa pionowe wyrównanie tekstu.
Zobaczmy teraz, jak uzyskać indeks górny i dolny za pomocą wyrównanie w pionie nieruchomość.
Składnia
vertical-align: baseline | super | sub ;
Wartości nieruchomości
linia bazowa: Jest to wartość domyślna, która wyrównuje tekst do linii bazowej elementu nadrzędnego.
Super: To indeks górny podnosi tekst.
pod: To indeks dolny obniża tekst.
Kiedy wartości Super I pod tej właściwości, wówczas tekst staje się indeksem górnym lub dolnym.
Przykład – indeks górny
#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>Przetestuj teraz