logo

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 x2+ ja2= r2 ), 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 H2VAI NIIN2NIIN4, 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