logo

CSS-superscript en subscript

In HTML is er het gebruik van En tags om de subscript- en superscripttekst te definiƫren. De superscripttekst verschijnt in een kleiner lettertype en het halve teken boven de normale regel. Het wordt over het algemeen gebruikt om wiskundige vergelijkingen te schrijven (zoals X2+ en2= r2 ), voetnoten en nog veel meer.

In tegenstelling tot superscript wordt de subscripttekst weergegeven in een kleiner lettertype en met het halve teken onder de normale regel. Het wordt over het algemeen gebruikt om chemische vergelijkingen of chemische formules te schrijven, zoals H2OH2DUS4, enz.

In CSS wordt de verticaal uitlijnen eigendom wordt gebruikt om hetzelfde te bereiken. We kunnen het superscript en subscript van tekst ook specificeren met behulp van CSS. Deze CSS-eigenschap specificeert de verticale uitlijning van de tekst.

Laten we nu eens kijken hoe we het superscript en subscript kunnen bereiken met behulp van de verticaal uitlijnen eigendom.

Syntaxis

 vertical-align: baseline | super | sub ; 

Eigendomswaarden

basislijn: Het is de standaardwaarde die de tekst uitlijnt met de basislijn van het bovenliggende element.

super: Het is het superscript dat de tekst verhoogt.

sub: Het is het subscript dat de tekst verlaagt.

Wanneer de waarden super En sub van deze eigenschap worden toegepast, wordt de tekst superscript of subscript.

Voorbeeld - Superscript

 #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 het nu