właściwość boxShadow stylu

definicja i użycie

boxShadow ustawienie lub zwracanie cienia (drop-shadow) elementu ramki.

patrz również:

przewodnik CSS:właściwość box-shadow

przykład

dodanie cienia box-shadow do elementu div:

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

spróbuj sam

składnia

zwracanie właściwości boxShadow:

obiekt.style.boxShadow

ustawienie właściwości boxShadow:

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

uwaga:boxShadow atrybut dodaje jeden lub więcej cieni do ramki. Atrybut ten jest listą cieni rozdzielonych przecinkami, każdy cień jest określony przez 2-4 wartości długości, opcjonalny kolor oraz opcjonalne słowo kluczowe inset. Omitnięte wartości długości są 0.

wartość atrybutu

wartość opis
none wartość domyślna. cień nie jest wyświetlany.
h-shadow obowiązkowy. pozycja cienia wzdłuż osi poziomej. Dopuszczalne są wartości ujemne.
v-shadow obowiązkowy. pozycja cienia wzdłuż osi pionowej. Dopuszczalne są wartości ujemne.
blur opcjonalny. odległość rozmycia.
spread opcjonalny. rozmiar cienia.
color

opcjonalny. kolor cienia. Domyślną wartością jest czarny.

zobacz: wartości kolorów CSSpełną listę możliwych wartości kolorów.

wskazówka:w Safari (na PC),color parametr jest obowiązkowy. Jeśli nie określi się koloru, cień nie zostanie wyświetlony.
inset opcjonalny. zamienia zewnętrzny cień (outset) na wewnętrzny cień.
initial ustawia tę właściwość na jej wartość domyślną. Zobacz: initial。
inherit dziedziczy tę właściwość od elementu nadrzędnego. Zobacz: inherit。

szczegóły techniczne

wartość domyślna: brak
wartość zwracana: ciąg znaków, który reprezentuje właściwość box-shadow。
Wersja CSS: CSS3

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wspieraj 9.0 Wspieraj 5.1 Wspieraj