logo

CSS augšindekss un apakšindekss

HTML valodā tiek izmantots un tagus, lai definētu apakšindeksa un augšindeksa tekstu. Virsraksta teksts tiek rādīts mazākā fontā un pusraksts virs parastās rindas. To parasti izmanto, lai rakstītu matemātiskos vienādojumus (piemēram, x2+ un2= r2 ), zemsvītras piezīmes un daudz ko citu.

Atšķirībā no augšindeksa, apakšindeksa teksts tiek rādīts mazākā fontā un pusraksts ir zem parastās rindas. To parasti izmanto, lai rakstītu ķīmiskos vienādojumus vai ķīmiskās formulas, piemēram, H2O, H2SO4, utt.

CSS, vertikāli izlīdzināt īpašums tiek izmantots, lai sasniegtu to pašu. Mēs varam norādīt teksta augšējo un apakšindeksu, izmantojot arī CSS. Šis CSS rekvizīts norāda teksta vertikālo līdzinājumu.

Tagad redzēsim, kā sasniegt augšējo un apakšindeksu, izmantojot vertikāli izlīdzināt īpašums.

Sintakse

 vertical-align: baseline | super | sub ; 

Īpašumu vērtības

bāzes līnija: Tā ir noklusējuma vērtība, kas pielīdzina tekstu vecākelementa bāzes līnijai.

super: Tas ir augšraksts, kas paaugstina tekstu.

sub: Tas ir apakšindekss, kas pazemina tekstu.

Kad vērtības super un apakš tiek lietoti, tad teksts kļūst par augšindeksu vai apakšindeksu.

Piemērs- Virsraksts

 #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> 
Izmēģiniet to tūlīt