Proprietà text-shadow CSS
- la pagina precedente text-overflow
- la pagina successiva text-transform
Definizione e uso
L'attributo text-shadow imposta l'ombreggia sul testo.
Vedi anche:
Tutorial CSS3:Effetti di testo CSS3
Manuale HTML DOM:Proprietà textShadow
Esempio
Effetto di ombreggiatura del testo di base:
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
Ci sono più esempi nella parte inferiore della pagina.
Sintassi CSS
text-shadow: h-shadow v-shadow blur color;
Nota:L'attributo text-shadow aggiunge una o più ombreggiature al testo. Questo attributo è una lista di ombreggiature separate da virgola, ciascuna con due o tre valori di lunghezza e un valore opzionale di colore. La lunghezza omessa è 0.
Valore dell'attributo
| Valore | Descrizione | Test |
|---|---|---|
| h-shadow | Obbligatorio. Posizione orizzontale dell'ombreggia. Permette valori negativi. | Test |
| v-shadow | Obbligatorio. Posizione verticale dell'ombreggia. Permette valori negativi. | Test |
| blur | Opzionale. Distanza di sfocatura. | Test |
| color | Opzionale. Colore dell'ombreggia. Valore del colore CSS. | Test |
Dettagli tecnici
| Valore predefinito: | nessuna |
|---|---|
| Ereditarietà: | sì |
| Versione: | CSS3 |
| Sintassi JavaScript: | object.style.textShadow="2px 2px #ff0000" |
Più esempi
- Ombreggiatura del testo con effetto sfocatura
- Questo esempio dimostra l'ombreggiatura del testo con effetto sfocatura.
- Ombreggiatura del testo sul testo bianco
- Questo esempio dimostra l'ombreggiatura del testo su testo bianco.
- Ombreggiatura del testo con effetto neon
- Questo esempio dimostra l'ombreggiatura del testo con effetto neon.
Supporto del browser
I numeri nella tabella indicano la versione del browser iniziale che supporta completamente l'attributo.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
- la pagina precedente text-overflow
- la pagina successiva text-transform
