CSS3 proprietà text-shadow
Esempi
ombra testo di base (text-shadow):
h1
{
text-shadow: 2px 2px # ff0000;
}
{
text-shadow: 2px 2px # ff0000;
}
Prova »
In fondo a questa pagina per ulteriori esempi.
Supporto per il browser
I dati riportati nella tabella rappresentano il primo browser a supportare il numero di versione della proprietà.
属性 | |||||
---|---|---|---|---|---|
text-shadow | 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
Attributo definizioni e le istruzioni
proprietà text-shadow si applica il testo ombra.
predefinito: | nessuno |
---|---|
ereditarietà: | sì |
versione: | CSS3 |
sintassi JavaScript: | object .style.textShadow = "2px 2px # ff0000" |
grammatica
text-shadow:h-shadow v-shadow blur color;
Nota: proprietà text-ombraè collegato ad uno o più del testo ombra. La proprietà è ombra, designato ogni due o tre valori di lunghezza e di un valori di colore opzionali separati da virgole. Trascorso una lunghezza di 0.
valore | descrizione |
---|---|
h-ombra | Richiesto. Posizione dell'ombra orizzontale. Consentire negativo. |
v-ombra | Richiesto. La posizione verticale dell'ombra. Consentire negativo. |
sfocatura | Opzionale. distanza Fuzzy. |
colore | Opzionale. colore dell'ombra. Vedere i valori dei colori CSS . |
Altri esempi
Testo ombra sfocatura
Questo esempio dimostra una sfocatura di testo ombra.
Testo bianco su un'ombra di testo
Questo esempio dimostra un bianco ombra del testo del testo.
Neon testo bagliore ombra
Questo esempio dimostra l'uso della luce al neon del testo ombra.
articoli correlati
CSS3 tutorial: CSS3 gli effetti di testo