Örnek
Bir div öğesi için bir kutu gölge ekleyin:
document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue"; Kendin dene " Tanımı ve Kullanımı
boxShadow özelliği, ayarlar veya bir kutu elemanının gölgelerinin döndürür.
Tarayıcı Desteği
boxShadow mülkiyet IE9 +, Firefox, Chrome, Opera ve Safari 5.1.1 desteklenir.
Sözdizimi
boxShadow özelliğini Dönüş:
object .style.boxShadowboxShadow özelliğini ayarlayın:
object .style.boxShadow="none| Note: boxShadow mülkiyet kutusuna bir veya birden fazla gölgelerinin ekler. özelliği, her bir 2-4 uzunluk değerleri, isteğe bağlı bir renk ve isteğe bağlı ilave anahtar sözcüğü ile gölgeler virgülle ayrılmış listesidir. Atlanmış uzunlukları 0 dır.
Mülkiyet Değerler
değer Açıklama none Varsayılan değer. Hiçbir gölge görüntülenir h-shadow Gereklidir. Yatay gölgenin konumu. Negatif değerler izin verilen v-shadow Gereklidir. Dikey gölgenin konumu. Negatif değerler izin verilen blur İsteğe bağlı. bulanıklık mesafesi spread İsteğe bağlı. Gölgenin boyutu color İsteğe bağlı. Gölgenin rengi. Varsayılan değer siyahtır. Bak CSS Renk Değerleri olası renk değerlerinin tam listesi için.
Not: Safari'de (on PC) renk parametresi gereklidir. Eğer renk belirtmezseniz, gölge hiç görüntülenmez. inset İsteğe bağlı. Bir dış gölge gölge değiştirir (outset) , bir iç gölge initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku
Teknik detaylar
Varsayılan değer: Yok Geri dönüş değeri: bir elemanın kutu gölge özelliği temsil eden bir String, CSS Sürüm CSS3
İlgili Sayfalar
CSS referansı: box-shadow property
<Stil Nesne