सीएसएस बॉर्डर रंग
- पिछला पृष्ठ सीएसएस बॉर्डर विस्तार
- अगला पृष्ठ सीएसएस बॉर्डर छोर
सीएसएस बॉर्डर रंग
border-color गुण का उपयोग चार किनारों के रंग को सेट करने के लिए किया जाता है。
रंग को निम्नलिखित तरीके से सेट किया जा सकता है:
- name - रंग का नाम निर्दिष्ट करें, जैसे "red"
- HEX - हेक्साडेसिमल मान निर्दिष्ट करें, जैसे "#ff0000"
- RGB - RGB मान निर्दिष्ट करें, जैसे "rgb(255,0,0)"
- HSL - HSL मान निर्दिष्ट करें, जैसे "hsl(0, 100%, 50%)"
- transparent
टिप्पणी:यदि सेट नहीं किया गया है border-colorतो यह तत्व के रंग को विरासत करेगा。
इंस्टेंस
विभिन्न किनारा रंगों का प्रदर्शन:
p.one {
border-style: solid;
border-color: red;
}
p.two {
border-style: solid;
border-color: green;
}
p.three {
border-style: dotted;
border-color: blue;
}
परिणाम:
लाल लाइन किनारा
हरा लाइन किनारा
नीला बिंदुदार किनारा
विशिष्ट किनारा का रंग
border-color गुण को एक से चार मान (ऊपरी किनारा, दायंया किनारा, नीचे किनारा और बाईं किनारा के लिए) सेट किया जा सकता है。
इंस्टेंस
p.one {
border-style: solid;
border-color: red green blue yellow; /* ऊपर लाल, दायंया हरा, नीचे नीला, बाईं पीला */
}
HEX वैल्यू
बॉर्डर का रंग भी छहारी मानक (HEX) के द्वारा निर्दिष्ट किया जा सकता है:
इंस्टेंस
p.one {
border-style: solid;
border-color: #ff0000; /* लाल */
}
RGB वैल्यू
या RGB वैल्यू का इस्तेमाल करें:
इंस्टेंस
p.one {
border-style: solid;
border-color: rgb(255, 0, 0); /* लाल */
}
HSL वैल्यू
यहाँ HSL वैल्यू का इस्तेमाल किया जा सकता है:
इंस्टेंस
p.one {
border-style: solid;
border-color: hsl(0, 100%, 50%); /* लाल */
}
हमारे सीएसएस रंग इस अध्याय में HEX, RGB और HSL वैल्यू के बारे में अधिक जानकारी मिलती है。
- पिछला पृष्ठ सीएसएस बॉर्डर विस्तार
- अगला पृष्ठ सीएसएस बॉर्डर छोर
