Przykład
Dodaj box-shadow do elementu div:
document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue";
Spróbuj sam " Definicja i Wykorzystanie
Zestawy własności boxShadow lub zwraca rozwijanej cienie elementu skrzynki.
Wsparcie przeglądarka
Nieruchomość boxShadow jest obsługiwana w IE9 +, Firefox, Chrome, Opera i Safari 5.1.1.
Składnia
Zwraca właściwość boxShadow:
object .style.boxShadow
Ustaw właściwość boxShadow:
object .style.boxShadow="none| Note: Właściwość boxShadow przywiązuje jeden lub więcej drop-cienie do pudełka. Obiekt jest listą oddzielonych cieni, każdy o 2-4 podano wartości długości oraz opcjonalnie kolor i opcjonalnie hasła tekście. Pominięte odcinki są 0.
wartości nieruchomości
Wartość Opis none Domyślna wartość. nie jest wyświetlany żaden cień h-shadow Wymagany. Stanowisko cienia poziomej. Wartości ujemne są dozwolone v-shadow Wymagany. Stanowisko cienia pionowej. Wartości ujemne są dozwolone blur Opcjonalny. Odległość rozmycie spread Opcjonalny. Wielkość cienia color Opcjonalny. Kolor cieni. Domyślną wartością jest czarny. Spójrz na CSS wartości kolorów dla pełnej listy możliwych wartości kolorów.
Uwaga: w Safari (on PC) wymagany jest parametr kolor. Jeśli nie zostanie określony kolor, cień nie jest wyświetlana w ogóle. inset Opcjonalny. Zmianę zaciemnienia z zewnętrzną cienia (outset) do wewnętrznej cienia initial Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy inherit Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć
Szczegóły techniczne
Domyślna wartość: Żaden Zwracana wartość: Ciąg, co stanowi właściwość pole cienia elementu Wersja CSS CSS3
Podobne strony
Odniesienie CSS: box-shadow property
<Style obiektu