स्टाइल बॉक्सछाया संपत्ति
उदाहरण
एक div तत्व में एक बॉक्स-छाया जोड़ें:
document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue";
परिभाषा और उपयोग
BoxShadow गुण बॉक्स तत्व के ड्रॉप-शैडो को सेट या लौटाता है।
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
boxShadow | Yes | 9.0 | Yes | 5.1.1 | Yes |
वाक्य - विन्यास
बॉक्सशैडो प्रॉपर्टी लौटाएं:
object.style.boxShadow
बॉक्सशैडो प्रॉपर्टी सेट करें:
object.style.boxShadow = "none|h-shadow v-shadow blur spread color |inset|initial|inherit"
नोट: बॉक्सशैडो प्रॉपर्टी बॉक्स में एक या अधिक ड्रॉप-शैडो संलग्न करती है। संपत्ति छाया की अल्पविराम से अलग की गई सूची है, प्रत्येक को 2-4 लंबाई मान, एक वैकल्पिक रंग और एक वैकल्पिक इनसेट कीवर्ड द्वारा निर्दिष्ट किया गया है। छोड़ी गई लंबाई 0 हैं।
सम्पत्ति की कीमत
Value | Description |
---|---|
none | Default value. No shadow is displayed |
h-shadow | Required. The position of the horizontal shadow. Negative values are allowed |
v-shadow | Required. The position of the vertical shadow. Negative values are allowed |
blur | Optional. The blur distance |
spread | Optional. The size of shadow |
color | Optional. The color of the shadow. The default value is black. Look at CSS Color Values for a complete list of possible color values. Note: In Safari (on PC) the color parameter is required. If you do not specify the color, the shadow is not displayed at all. |
inset | Optional. Changes the shadow from an outer shadow (outset) to an inner shadow |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | कोई नहीं |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, एक तत्व की बॉक्स-छाया संपत्ति का प्रतिनिधित्व करती है |
सीएसएस संस्करण | CSS3 |
संबंधित पृष्ठ
CSS संदर्भ: बॉक्स-छाया गुण
❮ स्टाइल ऑब्जेक्ट