logo

CSS Superscript og Subscript

I HTML er det bruk av og koder for å definere den nedskrevne og hevete teksten. Den hevete teksten vises med en mindre skrift og det halve tegnet over normallinjen. Det brukes vanligvis til å skrive matematiske ligninger (som x2+ og2= r2 ), fotnoter og mange flere.

I motsetning til hevet tekst vises den senkede teksten med en mindre skrift og halvtegnet under normallinjen. Det brukes vanligvis til å skrive kjemiske ligninger eller kjemiske formler som f.eks H2ÅH24, etc.

I CSS er det vertikaljuster eiendom brukes til å oppnå det samme. Vi kan spesifisere hevet og senket tekst ved hjelp av CSS også. Denne CSS-egenskapen spesifiserer den vertikale justeringen av teksten.

La oss nå se hvordan du oppnår hevet og senket skrift ved å bruke vertikaljuster eiendom.

Syntaks

 vertical-align: baseline | super | sub ; 

Eiendomsverdier

grunnlinje: Det er standardverdien som justerer teksten til grunnlinjen til det overordnede elementet.

super: Det er overskriften som hever teksten.

under: Det er subskriptet som senker teksten.

Når verdiene super og under av denne egenskapen brukes, blir teksten hevet eller senket.

Eksempel- Overskrift

 #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> 
Test det nå