Esempio
Aggiungere ombra a un testo:
document.getElementById("myP").style.textShadow = "5px 5px 1px #ff0000,10px
10px 1px #0000ff"; Prova tu stesso " Definizione e l'utilizzo
Gli insiemi di proprietà textshadow o restituisce uno o più effetti ombra per un testo.
Supporto browser
La proprietà textshadow è supportata in tutti i principali browser.
Nota: La proprietà textshadow non è supportata in Internet Explorer 9 e versioni precedenti.
Sintassi
Restituire la proprietà textshadow:
object .style.textShadow
Impostare la proprietà textshadow:
object .style.textShadow="none| Note: La proprietà textshadow attacca uno o più ombre al testo. La struttura è un elenco separato da virgole di ombre, ciascuna specificato da 2 o 3 valori di lunghezza e un colore opzionale. lunghezze omessi sono 0. I valori delle proprietà
Valore Descrizione none Nessuna ombra viene disegnato. Questa è l'impostazione predefinita h-shadow Necessario. La posizione dell'ombra orizzontale. I valori negativi sono consentiti v-shadow Necessario. La posizione dell'ombra verticale. I valori negativi sono consentiti blur Opzionale. La distanza di sfocatura color Opzionale. Il colore dell'ombra. Guardate Valori dei colori CSS per un elenco completo dei possibili valori di colore initial Consente di impostare questa proprietà al suo valore di default. Leggi iniziale inherit Eredita questo immobile dal suo elemento genitore. Leggi su erediterà
Dettagli tecnici
Valore di default: nessuna Valore di ritorno: Una stringa, che rappresenta un elenco separato da virgole di effetti ombra applicato al testo dell'elemento CSS Version CSS3
Altri esempi
Esempio
Restituire l'ombra del testo:
alert(document.getElementById("myP").style.textShadow); Prova tu stesso "
Pagine correlate
Tutorial CSS: Effetti CSS3 Text
Di riferimento CSS: text-shadow property
<Stile di oggetto