Esempio
Aggiungere un box-shadow di un elemento div:
document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue"; Prova tu stesso " Definizione e l'utilizzo
Gli insiemi di proprietà boxShadow o restituisce il drop-ombre di un elemento di dialogo.
Supporto browser
La proprietà boxShadow è supportata in IE9 +, Firefox, Chrome, Opera e Safari 5.1.1.
Sintassi
Restituire la proprietà boxShadow:
object .style.boxShadowImpostare la proprietà boxShadow:
object .style.boxShadow="none| Note: La proprietà boxShadow attacca uno o più drop-ombre alla scatola. La struttura è un elenco separato da virgole di ombre, ogni 2-4 specificato da valori di lunghezza, con un colore facoltativo, e una parola chiave inserto opzionale. lunghezze omessi sono 0.
I valori delle proprietà
Valore Descrizione none Valore di default. Non viene visualizzato alcun ombra 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 spread Opzionale. La dimensione dell'ombra color Opzionale. Il colore dell'ombra. Il valore predefinito è il nero. Guardate Valori dei colori CSS per un elenco completo dei possibili valori di colore.
Nota: In Safari (on PC) è necessario il parametro di colore. Se non si specifica il colore, l'ombra non viene visualizzato affatto. inset Opzionale. Cambia l'ombra di un'ombra esterna (outset) di un'ombra interna 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 la proprietà box-ombra di un elemento CSS Version CSS3
Pagine correlate
Di riferimento CSS: box-shadow property
<Stile di oggetto