सीएसएस रंग कीवर्ड
यह पृष्ठ transparent
, currentcolor
, और
inherit
कीवर्ड की व्याख्या करेगा।
पारदर्शी कीवर्ड
transparent
रंग को पारदर्शी बनाने के लिए कीवर्ड का उपयोग किया जाता है । इसका उपयोग अक्सर किसी तत्व के लिए पारदर्शी पृष्ठभूमि रंग बनाने के लिए किया जाता है।
उदाहरण
यहां, <div> तत्व की पृष्ठभूमि का रंग पूरी तरह से पारदर्शी होगा, और पृष्ठभूमि की छवि इसके माध्यम से दिखाई देगी:
body {
background-image: url("paper.gif");
}
div {
background-color: transparent;
}
नोट: कीवर्ड transparent
rgba(0,0,0,0) के बराबर है। आरजीबीए रंग मान अल्फा चैनल के साथ आरजीबी रंग मूल्यों का विस्तार है - जो रंग के लिए अस्पष्टता निर्दिष्ट करता है। हमारे CSS RGB चैप्टर में और हमारे CSS Colors चैप्टर में और पढ़ें ।
वर्तमान रंग कीवर्ड
कीवर्ड एक वैरिएबल की currentcolor
तरह है जो किसी तत्व के रंग गुण का वर्तमान मान रखता है।
यह कीवर्ड उपयोगी हो सकता है यदि आप चाहते हैं कि किसी तत्व या पृष्ठ में एक विशिष्ट रंग संगत हो।
उदाहरण
इस उदाहरण में <div> तत्व का बॉर्डर रंग नीला होगा, क्योंकि <div> तत्व का टेक्स्ट रंग नीला है:
div {
color: blue;
border: 10px solid currentcolor;
}
उदाहरण
इस उदाहरण में <div> की पृष्ठभूमि का रंग शरीर के तत्व के वर्तमान रंग मान पर सेट है:
body {
color: purple;
}
div {
background-color:
currentcolor;
}
उदाहरण
इस उदाहरण में <div> का बॉर्डर कलर और शैडो कलर बॉडी एलिमेंट के मौजूदा कलर वैल्यू पर सेट है:
body {
color: green;
}
div {
box-shadow: 0px 0px
15px currentcolor;
border: 5px solid currentcolor;
}
इनहेरिट कीवर्ड
inherit
कीवर्ड निर्दिष्ट करता है कि किसी संपत्ति को उसके मूल तत्व से उसका मूल्य प्राप्त करना चाहिए ।
inherit
कीवर्ड का उपयोग किसी भी CSS संपत्ति के लिए और किसी भी HTML तत्व पर किया जा सकता है ।
उदाहरण
इस उदाहरण में <span> की बॉर्डर सेटिंग्स मूल तत्व से इनहेरिट की जाएंगी:
div {
border: 2px solid red;
}
span {
border:
inherit;
}