proprietà boxShadow dello stile

definizione e uso

boxShadow imposta o restituisce la proiezione (drop-shadow) dell'elemento casella.

vedi anche:

manuale CSS:proprietà box-shadow

esempio

aggiungi box-shadow al elemento div:

document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue";

prova tu stesso

sintassi

ritorna la proprietà boxShadow:

oggetto.style.boxShadow

impostazione della proprietà boxShadow:

oggetto.style.boxShadow = "none|h-shadow v-shadow blur spread color |inset|initial|inherit"

nota:boxShadow l'attributo aggiunge una o più ombre alla casella. Questa proprietà è una lista di ombre separate da virgola, ognuna delle quali è definita da 2-4 valori di lunghezza, un valore opzionale di colore e un'opzionale parola chiave inset. I valori di lunghezza omessi sono 0.

valore dell'attributo

valore descrizione
none valore predefinito. Non visualizza l'ombra.
h-shadow obbligatorio. Posizione orizzontale dell'ombra. Permette valori negativi.
v-shadow obbligatorio. Posizione verticale dell'ombra. Permette valori negativi.
blur opzionale. Distanza di sfocatura.
spread opzionale. La dimensione dell'ombra.
color

opzionale. Il colore dell'ombra. Il valore predefinito è nero.

vedi valori di colore CSSper ottenere l'elenco completo dei valori di colore possibili.

suggerimento:in Safari (sul PC),color il parametro è obbligatorio. Se non si specifica il colore, l'ombra non viene visualizzata.
inset opzionale. Sostituisci l'ombra esterna (outset) con l'ombra interna.
initial imposta questa proprietà al suo valore predefinito. Vedi initial。
inherit eredita questa proprietà dal suo elemento padre. Vedi inherit。

dettagli tecnici

valore predefinito: nessuno
valore di ritorno: stringa che rappresenta l'elemento proprietà box-shadow。
Versione CSS: CSS3

Supporto browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto 9.0 Supporto 5.1 Supporto