सीएसएस रंग शब्द

इस अध्याय में व्याख्या की जाएगी transparent、currentcolor और inherit शब्दकोश

transparent शब्दकोश

transparent शब्दकोश पारदर्शी रंग को सेट करने के लिए उपयोग किया जाता है। यह आमतौर पर एलिमेंट के पारदर्शी पृष्ठभूमि रंग सेट करने के लिए उपयोग किया जाता है。

इंस्टांस

यहाँ, <div> एलिमेंट का पृष्ठभूमि रंग पूरी तरह से पारदर्शी होगा और पृष्ठभूमि इमेज दिखाई देगी:

body {
  background-image: url("paper.gif");
}
div {
  background-color: transparent;
}

स्वयं प्रयोग करें

ध्यान दें:transparent शब्दकोश के बराबर rgba(0,0,0,0)RGBA रंग मान RGB रंग मान का विस्तार है - जो alpha चैनल के साथ आता है - जो रंग की अस्पष्टता को निर्धारित करता है। अधिक जानकारी के लिए हमारे CSS RGB अध्याय और सीएसएस रंग अध्याय

currentcolor शब्दकोश

currentcolor शब्दकोश एक समानांतर जैसा है जो एलिमेंट के color एट्रिब्यूट के वर्तमान मान को सहेजता है。

अगर आप चाहते हैं कि किसी विशेष रंग को एलिमेंट या पृष्ठ पर समान रूप से दिखाया जाए, तो यह शब्दकोश काफी उपयोगी होगा。

इंस्टांस

इस उदाहरण में، <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 कीवर्ड इस अट्रिब्यूट को उसके पाल एलिमेंट से विरासत करने का निर्देश देता है。

inherit कुछ भी कीवर्ड किसी CSS अट्रिब्यूट के लिए उपयोगी है और किसी भी HTML एलिमेंट के लिए उपयोगी है。

इंस्टांस

इस उदाहरण में،<span> का बॉर्डर सेटिंग पाल एलिमेंट से विरासत करेगा:

div {
  border: 2px solid red;
}
span {
  border: inherit;
}

स्वयं प्रयोग करें