logo

CSS gornji i donji indeks

U HTML-u postoji upotreba i oznake za definiranje subscript i superscript teksta. Eksterni tekst pojavljuje se manjim fontom i pola znaka iznad normalnog retka. Obično se koristi za pisanje matematičkih jednadžbi (kao x2+ i2= r2 ), fusnote i još mnogo toga.

Za razliku od superskripta, donji tekst pojavljuje se manjim fontom i pola znaka ispod normalnog retka. Obično se koristi za pisanje kemijskih jednadžbi ili kemijskih formula kao što su H2OH2TAKO4, itd.

U CSS-u, okomito poravnati imovina se koristi za postizanje iste stvari. Možemo odrediti gornji i donji indeks teksta koristeći CSS. Ovo CSS svojstvo određuje okomito poravnanje teksta.

Pogledajmo sada kako postići nadnaslov i podnaslov pomoću okomito poravnati vlasništvo.

Sintaksa

 vertical-align: baseline | super | sub ; 

Vrijednosti imovine

Osnovna linija: To je zadana vrijednost koja poravnava tekst s osnovnom linijom nadređenog elementa.

super: Superskript je taj koji izdiže tekst.

pod: Indeks je taj koji spušta tekst.

Kada su vrijednosti super i pod ovog svojstva, tada tekst postaje nadnaslov ili podnaslov.

Primjer - superskript

 #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> 
Testirajte sada