सीएसएस बैकग्राउंड-कलर गुण

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

background-color गुण एलीमेंट के पृष्ठभूमि रंग सेट करता है।

एलीमेंट के पृष्ठभूमि की सीमा

background-color गुण को एलीमेंट को एक शुद्ध रंग देता है। इस रंग से एलीमेंट की सामग्री, आंतरिक घटक और बॉर्डर क्षेत्र भरा होगा, और एलीमेंट के बॉर्डर के बाहरी दायरे तक फैल जाएगा (लेकिन बाहरी मार्गदर्शक नहीं)। अगर बॉर्डर में पारदर्शी हिस्से हैं (जैसे डॉटेड बॉर्डर), तो इन पारदर्शी हिस्सों से पृष्ठभूमि रंग दिखाया जाएगा।

transparent मान

हालांकि अधिकांश मामलों में, इसका उपयोग करने की आवश्यकता नहीं है transparentदूसरी ओर, अगर आप इस एलीमेंट को पृष्ठभूमि रंग नहीं देना चाहते और ब्राउज़र के रंग सेटिंग को अपने डिजाइन पर प्रभावित नहीं होना चाहते, तो transparent मान होना आवश्यक है।

अन्य संदर्भदाता देखें:

CSS शिक्षा:CSS पृष्ठभूमि

HTML DOM संदर्भ दस्तावेज़:backgroundColor गुण

उदाहरण

विभिन्न एलीमेंट के लिए पृष्ठभूमि रंग सेट करें:

body
  {
  background-color:yellow;
  }
h1
  {
  background-color:#00ff00;
  }
p
  {
  background-color:rgb(255,0,255);
  }

अपने आप से प्रयोग करें

CSS व्याकरण

background-color: color|transparent|initial|inherit;

गुण मान

मान वर्णन
color_name पृष्ठभूमि रंग को रंग नाम के रूप में निर्दिष्ट करता है (जैसे red)。
hex_number पृष्ठभूमि रंग को हेक्साडेसिमल मान के रूप में निर्दिष्ट करता है (जैसे #ff0000)。
rgb_number पृष्ठभूमि रंग को rgb कोड के रूप में निर्दिष्ट करता है (जैसे rgb(255,0,0))。
transparent मूलभूत. पृष्ठभूमि रंग पारदर्शी है।
inherit पिछले एलीमेंट से background-color गुण के सेटिंग को विरासत करना निर्दिष्ट करता है।

तकनीकी विवरण

मूलभूत मान: transparent
विरासत करता है: no
संस्करण: CSS1
JavaScript व्याकरण: object.style.backgroundColor="#00FF00"

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

गणना में दिए गए आंकड़े इस गुण का पूर्ण समर्थन करने वाले पहले ब्राउज़र का संस्करण निर्दिष्ट करते हैं।

Chrome Edge Firefox Safari ओपेरा
Chrome IE / Edge Firefox Safari ओपेरा
1.0 4.0 1.0 1.0 3.5