Opis

box-shadow dołącza jeden lub więcej cieni do elementu.

Aby dołączyć do elementu więcej niż jeden cień oddziel je przecinkami.

Przykład
Kolorowe
sny
Kod:
Wartości

box-shadow: none|h-offset v-offset blur spread color|inset|initial|inherit;

WartośćOpis
none Brak cienia. Domyślne.
h-offset v-offset
2px 5px
Wymagany. Przesunięcie poziome i pionowe cienia.
Poziome: wartość dodatnia umieszcza cień po prawej stronie pudełka, ujemna - po lewej.
Pionowe: wartość dodatnia umieszcza cień pod pudełkiem, ujemna - nad.
blur
2px 5px 7px
Promień rozmycia. Im wyższa liczba, tym bardziej rozmyty będzie cień.
spread
2px 5px 7px 3px
Promień rozproszenia. Wartość dodatnia zwiększa rozmiar cienia, ujemna - zmniejsza
color
2px 5px blue
Kolor cienia. Wartością domyślną jest kolor tekstu. Zobacz kolory CSS.
inset
2px 3px inset
Zmienia cień z zewnętrznego cienia (outset) na wewnętrzny cień
initial Ustawia tę właściwość na wartość domyślną.
inherit Dziedziczy tę właściwość po elemencie nadrzędnym.
Przykłady: 2px 3px Salmon, 7px 9px 6px Olive  |   2px 3px Salmon, 7px 9px 6px Olive inset  |     |     |  
Info: Domyślna wartość: none
Dziedziczenie:
Animowalność:
JS: object.style.boxShadow