Manuale di riferimento CSS

Regole @ di CSS (RULES)

Completo elenco delle proprietà CSS

Funzioni CSS Manuale completo dei selettori CSS

Falso elemento :first-letter di CSS

Esempio online

Stile di scelta della prima lettera del primo <p> elemento:

Esempio

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Tutorial di Base (oldtoolbag.com)</title>　
<style>
p:first-letter
{
　　　　font-size:200%;
　　　　color:#0000ff;
}
</style>
</head>
<body>
<h1>Benvenuti nella mia Homepage</h1>
<p>Il mio nome è Jack.</p>
<p>Vivo a Shanghai.</p>
<p>Il mio migliore amico è Linda.</p>
</body>
</html>

Prova a vedere ‹/›

Definizione e uso

Il selettore :first-letter viene utilizzato per specificare lo stile della prima lettera dell'elemento.

Suggerimento: Il selettore :first-letter può utilizzare le seguenti proprietà:　

proprietà del font
proprietà del colore　
proprietà dello sfondo
proprietà del margine
proprietà del padding
proprietà dei bordi
text-decoration
vertical-align (solo se float è 'none')
text-transform
line-height
float
clear

Attenzione: Il selettore "first-letter" è applicabile solo agli elementi bloccanti.

Compatibilità dei browser

I numeri nella tabella rappresentano la versione del primo browser che supporta l'attributo.

Selettore
::first-letter	1.0	9.0 Parte da 5.5	1.0	1.0	7.0 Parte da 5.5

Attenzione: IE 5.5-8 e Opera 4-6 supportano solo gli standard di sintassi vecchi, la sintassi CSS2 con singolo duepunto (：first-letter). Le versioni nuove supportano gli standard con doppio duepunto CSS3 (::letter).