logo

Apice e pedice CSS

In HTML, c'è l'uso di E tag per definire il testo in pedice e apice. Il testo in apice viene visualizzato con un carattere più piccolo e il mezzo carattere sopra la riga normale. Viene generalmente utilizzato per scrivere equazioni matematiche (come X2+ e2= r2 ), note a piè di pagina e molto altro.

A differenza dell'apice, il testo dell'apice viene visualizzato con un carattere più piccolo e il mezzo carattere sotto la riga normale. Viene generalmente utilizzato per scrivere equazioni chimiche o formule chimiche come H2OH2COSÌ4, eccetera.

Nei CSS, il allineamento verticale la proprietà viene utilizzata per ottenere la stessa cosa. Possiamo specificare l'apice e il pedice del testo anche utilizzando i CSS. Questa proprietà CSS specifica l'allineamento verticale del testo.

Ora vediamo come ottenere l'apice e il pedice utilizzando il file allineamento verticale proprietà.

Sintassi

 vertical-align: baseline | super | sub ; 

Valori delle proprietà

linea di base: È il valore predefinito che allinea il testo alla linea di base dell'elemento genitore.

super: È l'apice che solleva il testo.

sub: È il pedice che abbassa il testo.

Quando i valori super E sub di questa proprietà vengono applicate, il testo diventa apice o pedice.

Esempio: apice

 #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> 
Provalo adesso