logo

CSS viršutinis indeksas ir apatinis indeksas

HTML yra naudojimas ir žymes, kad apibrėžtų apatinį ir viršutinį indeksą. Viršutinis indeksas rodomas mažesniu šriftu, o pusė simbolio virš įprastos eilutės. Paprastai jis naudojamas matematinėms lygtims (pvz., x2+ ir2= r2 ), išnašos ir daugelis kitų.

Skirtingai nuo viršutinio indekso, apatinio indekso tekstas rodomas mažesniu šriftu, o pusė simbolio yra žemiau įprastos eilutės. Paprastai jis naudojamas rašant chemines lygtis arba chemines formules, pvz H2OI2TAIP4, ir tt

CSS, vertikaliai išlyginti turtas naudojamas tam pačiam tikslui pasiekti. Naudodami CSS taip pat galime nurodyti teksto viršutinį ir apatinį indeksą. Ši CSS ypatybė nurodo vertikalų teksto lygiavimą.

Dabar pažiūrėkime, kaip pasiekti viršutinį ir apatinį indeksą naudojant vertikaliai išlyginti nuosavybė.

Sintaksė

 vertical-align: baseline | super | sub ; 

Turto vertės

bazinė linija: Tai yra numatytoji vertė, sulygiuojanti tekstą su pagrindinio elemento bazine linija.

super: Tai viršutinis indeksas, kuris pakelia tekstą.

sub: Tai apatinis indeksas, kuris sumažina tekstą.

Kai vertybės super ir sub taikomos šios savybės, tada tekstas tampa viršutiniu arba apatiniu indeksu.

Pavyzdys - viršutinis indeksas

 #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> 
Išbandykite dabar