Najnowsze tutoriale tworzenie stron internetowych
 

Style boxShadow Property

<Style obiektu

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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