I HTML er der brug af og tags for at definere sænket og hævet tekst. Den hævede tekst vises med en mindre skrifttype og det halve tegn over den normale linje. Det bruges generelt til at skrive matematiske ligninger (som f x2+ og2= r2 ), fodnoter og mange flere.
I modsætning til hævet, vises den sænkede tekst med en mindre skrifttype og det halve tegn under den normale linje. Det bruges generelt til at skrive kemiske ligninger eller kemiske formler som f.eks H2Åh, H2SÅ4, etc.
I CSS er lodret justere ejendom bruges til at opnå det samme. Vi kan også angive tekstens hævede og nedskrevne tekst ved hjælp af CSS. Denne CSS-egenskab angiver den lodrette justering af teksten.
Lad os nu se, hvordan man opnår hævet og sænket skrift ved hjælp af lodret justere ejendom.
Syntaks
vertical-align: baseline | super | sub ;
Ejendomsværdier
baseline: Det er standardværdien, der justerer teksten til basislinjen for det overordnede element.
super: Det er overskriften, der hæver teksten.
under: Det er underskriften, der sænker teksten.
Når værdierne super og sub af denne egenskab anvendes, så bliver teksten hævet eller sænket.
Eksempel- Hævet skrift
#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 nu