logo

Horný a dolný index CSS

V HTML je použitie a značky na definovanie textu dolného a horného indexu. Text horného indexu sa zobrazí menším písmom a polovičný znak nad normálnym riadkom. Vo všeobecnosti sa používa na písanie matematických rovníc (napr X2+ a2= r2 ), poznámky pod čiarou a mnohé ďalšie.

Na rozdiel od horného indexu sa text dolného indexu zobrazuje menším písmom a polovičný znak pod normálnym riadkom. Všeobecne sa používa na písanie chemických rovníc alebo chemických vzorcov ako napr H2O, H2SO4, atď.

V CSS je vertikálne zarovnať majetok sa používa na dosiahnutie toho istého. Horný a dolný index textu môžeme špecifikovať aj pomocou CSS. Táto vlastnosť CSS určuje vertikálne zarovnanie textu.

Teraz sa pozrime, ako dosiahnuť horný a dolný index pomocou vertikálne zarovnať nehnuteľnosť.

Syntax

 vertical-align: baseline | super | sub ; 

Hodnoty majetku

základná línia: Je to predvolená hodnota, ktorá zarovnáva text k základnej čiare nadradeného prvku.

Super: Je to horný index, ktorý zvyšuje text.

pod: Je to dolný index, ktorý znižuje text.

Keď hodnoty Super a sub tejto vlastnosti, potom sa text zmení na horný alebo dolný index.

Príklad- Horný index

 #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> 
Vyskúšajte to