logo

CSS horní a dolní index

V HTML je použití a značky pro definování textu dolního a horního indexu. Text horního indexu se zobrazí menším písmem a poloviční znak nad normální řádkou. Obecně se používá k psaní matematických rovnic (např X2+ a2= r2 ), poznámky pod čarou a mnoho dalších.

Na rozdíl od horního indexu se text dolního indexu zobrazí menším písmem a poloviční znak pod normální řádkou. Obecně se používá k zápisu chemických rovnic nebo chemických vzorců jako např H2ACH2TAK4, atd.

V CSS je svisle zarovnat majetek se používá k dosažení stejné věci. Pomocí CSS můžeme určit i horní a dolní index textu. Tato vlastnost CSS určuje vertikální zarovnání textu.

Nyní se podívejme, jak dosáhnout horního a dolního indexu pomocí svisle zarovnat vlastnictví.

Syntax

 vertical-align: baseline | super | sub ; 

Hodnoty majetku

základní linie: Je to výchozí hodnota, která zarovná text k účaří nadřazeného prvku.

super: Je to horní index, který zvedá text.

sub: Je to dolní index, který snižuje text.

Když hodnoty super a sub této vlastnosti, pak se text stane horním nebo dolním indexem.

Pří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> 
Otestujte to hned