CSS ylä- ja alaindeksi

HTML:ssä on käyttöä ja -tunnisteet, joilla voit määrittää ala- ja yläindeksin tekstin. Yläindeksiteksti näkyy pienemmällä kirjasimella ja puolimerkki normaalin rivin yläpuolella. Sitä käytetään yleensä matemaattisten yhtälöiden kirjoittamiseen (esim x 2 + ja 2 = r 2 ), alaviitteet ja monet muut.

Toisin kuin yläindeksi, alaindeksin teksti näkyy pienemmällä kirjasimella ja puolimerkki normaalin rivin alapuolella. Sitä käytetään yleensä kemiallisten yhtälöiden tai kemiallisten kaavojen kirjoittamiseen, kuten H 2 VAI NIIN 2 NIIN 4 , jne.

CSS:ssä pystytasaus omaisuutta käytetään saman asian saavuttamiseen. Voimme määrittää tekstin ylä- ja alaindeksin myös CSS:n avulla. Tämä CSS-ominaisuus määrittää tekstin pystysuuntaisen tasauksen.

Katsotaanpa nyt, kuinka ylä- ja alaindeksi saadaan aikaan käyttämällä pystytasaus omaisuutta.

Syntaksi

 vertical-align: baseline | super | sub ;  

Kiinteistöjen arvot

perusviiva: Se on oletusarvo, joka tasaa tekstin pääelementin perusviivaan.

super: Se on yläindeksi, joka nostaa tekstiä.

sub: Se on alaindeksi, joka alentaa tekstiä.

Kun arvot super ja sub Tämän ominaisuuden arvoa käytetään, tekstistä tulee ylä- tai alaindeksi.

Esimerkki - yläindeksi

 #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>  
Testaa nyt