Exemplu
Adăugați o cutie-umbra unui element de div:
document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue"; Încearcă - l singur » Definiție și utilizare
Seturile de proprietate boxShadow sau returnează meniurile drop-umbra unui element de cutie.
Suport pentru browser-
Proprietatea boxShadow este susținută în IE9 +, Firefox, Chrome, Opera și Safari 5.1.1.
Sintaxă
Întoarcere proprietatea boxShadow:
object .style.boxShadowSetați proprietatea boxShadow:
object .style.boxShadow="none| Note: Proprietatea boxShadow acordă unul sau mai multe abandonuri umbre la cutie. Proprietatea este o listă separată prin virgulă de umbre, specificate fiecare cu 2-4 valori de lungime, o culoare opțional și un cuvânt cheie medalion opțional. lungimile sunt 0 omise.
Valori de proprietate
Valoare Descriere none Valoare implicită. Nici o umbră este afișată h-shadow Necesar. Poziția umbrei orizontală. Valorile negative sunt permise v-shadow Necesar. Poziția umbrei pe verticală. Valorile negative sunt permise blur Opțional. Distanța neclaritate spread Opțional. Dimensiunea de umbră color Opțional. Culoarea umbrei. Valoarea implicită este negru. Uită - te la valori de culoare CSS pentru o listă completă de posibile valori de culoare.
Notă: În Safari (on PC) , este necesar parametrul de culoare. Dacă nu specificați culoarea, umbra nu este afișată deloc. inset Opțional. Modifică umbra de la o umbră exterioară (outset) la umbra interioară initial Setează această proprietate la valoarea implicită. Citiți despre inițială inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc
Detalii tehnice
Valoare implicită: nici unul Întoarcere Valoare: Un șir, reprezentând proprietatea box-umbra a unui element CSS Versiune CSS3
Pagini similare
Referință CSS: box-shadow property
<Style Object