logo

CSS felső és alsó index

A HTML-ben van a használata és címkék az alsó és felső index szövegének meghatározásához. A felső index kisebb betűtípussal, a fél karakter pedig a normál sor felett jelenik meg. Általában matematikai egyenletek írására használják (pl x2+ és2= r2 ), lábjegyzetek és még sok más.

A felső indextől eltérően az alsó index kisebb betűtípussal, a fél karakter pedig a normál sor alatt jelenik meg. Általában kémiai egyenletek vagy kémiai képletek írására használják, mint pl H2Ó, H2ÍGY4, stb.

A CSS-ben a függőleges igazítás a tulajdont ugyanennek az eléréséhez használják fel. A szöveg felső és alsó indexét CSS segítségével is megadhatjuk. Ez a CSS-tulajdonság a szöveg függőleges igazítását adja meg.

Most nézzük meg, hogyan lehet elérni a felső és alsó indexet a függőleges igazítás ingatlan.

Szintaxis

 vertical-align: baseline | super | sub ; 

Az ingatlanértékek

alapvonal: Ez az alapértelmezett érték, amely a szöveget a szülőelem alapvonalához igazítja.

szuper: A felső index emeli a szöveget.

alatti: Az alsó index csökkenti a szöveget.

Amikor az értékek szuper és alatti e tulajdonságot alkalmazzák, akkor a szöveg felső vagy alsó index lesz.

Példa - felső index

 #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> 
Tesztelje most