logo

CSS Üst Simgesi ve Alt Simgesi

HTML'de kullanımı vardır Ve alt simge ve üst simge metnini tanımlamak için etiketler. Üst simge metni daha küçük bir yazı tipinde ve yarım karakter normal satırın üzerinde görünür. Genellikle matematiksel denklemler yazmak için kullanılır (örneğin X2+ ve2= r2 ), dipnotlar ve çok daha fazlası.

Üst simgeden farklı olarak, alt simge metni daha küçük bir yazı tipinde ve yarım karakter normal satırın altında görünür. Genellikle kimyasal denklemleri veya kimyasal formülleri yazmak için kullanılır. H2AH2BU YÜZDEN4, vesaire.

CSS'de, dikey hizalama mülkiyet aynı şeyi başarmak için kullanılır. Metnin üst ve alt simgelerini CSS kullanarak da belirleyebiliriz. Bu CSS özelliği metnin dikey hizalamasını belirtir.

Şimdi üst simgeyi ve alt simgeyi kullanarak nasıl elde edileceğini görelim. dikey hizalama mülk.

Sözdizimi

 vertical-align: baseline | super | sub ; 

Gayrimenkul değerleri

temel: Metni ana öğenin taban çizgisine hizalayan varsayılan değerdir.

Süper: Metni yükselten üst simgedir.

alt: Metni azaltan alt simgedir.

Değerler ne zaman Süper Ve alt Bu özelliğin uygulanması durumunda metin üst simge veya alt simge haline gelir.

Örnek – Üst simge

 #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> 
Şimdi Test Edin