logo

Indeks górny i dolny CSS

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