स्टाइल boxShadow गुण

परिभाषा और उपयोग

boxShadow गुण को बॉक्स एलिमेंट के परिणाम को प्रक्षेपित करता है (drop-shadow)。

और देखें:

CSS संदर्भ पुस्तकbox-shadow गुण

उदाहरण

div एलिमेंट को box-shadow जोड़ें:

document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue";

अपने आप सिर्फ आया

व्याकरण

boxShadow गुण वापसी मूल्य देना:

ऑब्जेक्ट.style.boxShadow

boxShadow गुण सेट करना:

ऑब्जेक्ट.style.boxShadow = "none|h-shadow v-shadow blur spread color |inset|initial|inherit"

टिप्पणी:boxShadow गुण बॉक्स को एक या अधिक शाद्दी जोड़ता है। यह गुण शाद्दी की सूची है जो की आठ से चार लंबाई मूल्यों, वैकल्पिक रंग मूल्य और वैकल्पिक inset शब्द के द्वारा निर्धारित होती है। लंबाई मूल्य को छोड़ने पर लंबाई मूल्य 0 होता है।

गुण मूल्य

मूल्य वर्णन
none मूलभूत मूल्य। शाद्दी नहीं दिखाई देती है।
h-shadow अनिवार्य। आड़ा शाद्दी का स्थान। नकारात्मक मूल्य अनुमति दिया जाता है।
v-shadow अनिवार्य। ऊर्ध्व शाद्दी का स्थान। नकारात्मक मूल्य अनुमति दिया जाता है।
blur वैकल्पिक। धुंधलापन दूरी।
spread वैकल्पिक। शाद्दी का आकार।
color

वैकल्पिक। शाद्दी का रंग। मूलभूत मूल्य श्वेत है।

देखें CSS रंग मूल्यके लिए संभावित रंग मूल्यों की पूरी सूची प्राप्त करें।

सूचना:Safari (PC पर) मेंcolor पैरामीटर अनिवार्य है। अगर रंग निर्धारित नहीं किया जाता है, तो शाद्दी नहीं दिखाई देती है।
inset वैकल्पिक। बाहरी शाद्दी (outset) को भीतरी शाद्दी में बदलें।
initial इस गुण को उसके मूलभूत मूल्य पर सेट करें। देखें initial।
inherit इस गुण को उसके माता एलिमेंट से विरासत करें। देखें inherit।

तकनीकी विवरण

मूलभूत मूल्य: नहीं
वापसी मूल्य: फ़ाइलेंटर वाला box-shadow गुण।
CSS संस्करण: CSS3

ब्राउज़र समर्थन

च्रोम एज फायरफॉक्स सैफारी ओपेरा
च्रोम एज फायरफॉक्स सैफारी ओपेरा
सापोर्ट 9.0 सापोर्ट 5.1 सापोर्ट