CSS opacity प्रयोगकर्ता
- पिछला पृष्ठ ऑफसेट-रोटेट
- अगला पृष्ठ ऑर्डर
व्याख्या और उपयोग
opacity गुण एलिमेंट की अस्पष्टता स्तर को सेट करता है.
और देखें:
CSS पढ़ाई:CSS इमेज ट्रांसपेरेंसी
CSS पढ़ाई:सीएसएस रंग
HTML DOM संदर्भ पुस्तक:opacity गुण
उदाहरण
div एलिमेंट की अस्पष्टता स्तर को सेट करें:
div
{
opacity:0.5;
}
इस पृष्ठ के नीचे अधिक उदाहरण पा सकते हैं.
CSS व्याकरण
opacity: value|inherit;
गुण मूल्य
| मूल्य | वर्णन | टेस्ट |
|---|---|---|
| value | अस्पष्टता को निर्धारित करें. 0.0 (पूर्ण श्वेत) से 1.0 (पूर्ण अस्पष्ट) तक. | टेस्ट |
| inherit | पितृ एलिमेंट से opacity गुण के मूल्य को विरासत करना चाहिए. |
तकनीकी विवरण
| डिफ़ॉल्ट मूल्य: | 1 |
|---|---|
| विरासत की अधिकारिता: | no |
| संस्करण: | CSS3 |
| JavaScript व्याकरण: | object.style.opacity=0.5 |
अधिक उदाहरण
- एलिमेंट की अस्पष्टता को बदलना
- इस उदाहरण में देखा जाता है कि कैसे JavaScript का उपयोग करके एलिमेंट की अस्पष्टता को बदला जा सकता है.
ब्राउज़र समर्थन
तालिका में दिए गए नंबर इस गुण का पूर्ण समर्थन करने वाले पहले ब्राउज़र का संस्करण को सूचित करते हैं.
| च्रोम | IE / एज | फ़ायरफॉक्स | सफ़ारी | ऑपेरा |
|---|---|---|---|---|
| 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
टिप्पणी:IE8 और अधिक पुरानी संस्करण विकल्पित filter गुण का समर्थन करते हैं. उदाहरण: filter:Alpha(opacity=50).
- पिछला पृष्ठ ऑफसेट-रोटेट
- अगला पृष्ठ ऑर्डर
