सीएसएस सीमा रंग
सीएसएस सीमा रंग
संपत्ति का border-colorउपयोग चार सीमाओं का रंग निर्धारित करने के लिए किया जाता है।
रंग द्वारा निर्धारित किया जा सकता है:
- नाम - एक रंग नाम निर्दिष्ट करें, जैसे "लाल"
- HEX - एक HEX मान निर्दिष्ट करें, जैसे "#ff0000"
- आरजीबी - एक आरजीबी मान निर्दिष्ट करें, जैसे "आरजीबी (255,0,0)"
- एचएसएल - एक एचएसएल मान निर्दिष्ट करें, जैसे "एचएसएल (0, 100%, 50%)"
- पारदर्शी
नोट: यदि 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;
}
परिणाम:
Red border
Green border
Blue border
विशिष्ट साइड रंग
संपत्ति में border-colorएक से चार मान हो सकते हैं (शीर्ष सीमा, दाहिनी सीमा, निचली सीमा और बाईं सीमा के लिए)।
उदाहरण
p.one {
border-style: solid;
border-color: red green blue yellow;
/* red top, green right, blue bottom and yellow left */
}
हेक्स मान
सीमा का रंग भी हेक्साडेसिमल मान (HEX) का उपयोग करके निर्दिष्ट किया जा सकता है:
उदाहरण
p.one {
border-style: solid;
border-color: #ff0000; /* red
*/
}
आरजीबी मान
या आरजीबी मूल्यों का उपयोग करके:
उदाहरण
p.one {
border-style: solid;
border-color: rgb(255, 0, 0);
/* red */
}
एचएसएल मान
आप एचएसएल मूल्यों का भी उपयोग कर सकते हैं:
उदाहरण
p.one {
border-style: solid;
border-color: hsl(0, 100%, 50%);
/* red */
}
आप हमारे सीएसएस कलर्स चैप्टर में एचईएक्स, आरजीबी और एचएसएल मूल्यों के बारे में अधिक जान सकते हैं ।