logo

CSS nadnapis in podnapis

V HTML-ju se uporablja in oznake za določanje podnapisa in nadnapisa besedila. Besedilo nadnapisa je prikazano v manjši pisavi in ​​polovični znak nad običajno vrstico. Na splošno se uporablja za pisanje matematičnih enačb (npr x2+ in2= r2 ), opombe in še veliko več.

Za razliko od nadnapisa je podnapis prikazano z manjšo pisavo in polovičnim znakom pod običajno vrstico. Na splošno se uporablja za pisanje kemijskih enačb ali kemijskih formul, kot je npr H2O, H2torej4, itd.

V CSS je navpično poravnati lastnina se uporablja za doseganje iste stvari. S pomočjo CSS-ja lahko določimo tudi zgornji in spodnji indeks besedila. Ta lastnost CSS določa navpično poravnavo besedila.

Zdaj pa poglejmo, kako doseči nadnapis in podnapis z uporabo navpično poravnati premoženje.

Sintaksa

 vertical-align: baseline | super | sub ; 

Vrednosti nepremičnin

izhodišče: To je privzeta vrednost, ki besedilo poravna z osnovno črto nadrejenega elementa.

super: Nadnapis je tisti, ki dvigne besedilo.

pod: Indeks je tisti, ki zniža besedilo.

Ko so vrednote super in sub te lastnosti, potem besedilo postane nadnapis ali podnapis.

Primer - nadnapis

 #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> 
Preizkusite zdaj