Proprietà CSS initial-letter

Definizione e uso

initial-letter L'attributo specifica la dimensione della lettera iniziale e, opzionalmente, il numero di righe che la lettera iniziale deve discendere (in basso nel testo).

Questa proprietà si applica a :first-letter Il primo elemento inline di livello inferiore di un pseudo-elemento e di un contenitore bloccante.

Esempio

Mostra lettere iniziali di diverse dimensioni:

.normal::first-letter {
  -webkit-initial-letter: normal;
  initial-letter: normal;
}
.two::first-letter {
  -webkit-initial-letter: 2;
  initial-letter: 2; /* La lettera iniziale occupa 2 righe */
}
.four::first-letter {
  -webkit-initial-letter: 4;
  initial-letter: 4; /* La lettera iniziale occupa 4 righe */
}
.four2::first-letter {
  -webkit-initial-letter: 4 2;
  initial-letter: 4 2; /* La lettera iniziale occupa 4 righe e scende 2 righe */
}

Prova te stesso

Sintassi CSS

initial-letter: normal|number|integer;

Valore dell'attributo

Dettagli tecnici

Supporto del browser

I numeri nella tabella specificano la prima versione del browser che supporta completamente l'attributo.

L'attributo successivo a -webkit- specifica la prima versione funzionante con prefisso.