सीएसएस कंटूर रंग
- पिछला पृष्ठ सीएसएस कंटूर विस्तार
- अगला पृष्ठ सीएसएस कंटूर शॉर्ट हार्ड
सीएसएस कंटूर रंग
outline-color इस गुण का उपयोग किनारा का रंग सेट करने के लिए किया जाता है。
रंग को निर्धारित करने के लिए नीचे के तरीकों का उपयोग कर सकते हैं:
- name - रंग का नाम निर्दिष्ट करें, जैसे "red"
- HEX - शेक्सेडेसिमल वैल्यू को निर्दिष्ट करें, जैसे "#ff0000"
- RGB - RGB वैल्यू को निर्दिष्ट करें, जैसे "rgb(255,0,0)"
- HSL - HSL वैल्यू को निर्दिष्ट करें, जैसे "hsl(0, 100%, 50%)"
- invert - रंग के उल्टा का काम करें (निश्चित करें कि किसी भी पृष्ठभूमि रंग में आकृति दिखाई दे)
नीचे दिए गए उदाहरण में अलग-अलग रंगों के अलग-अलग किनारा शैली को दिखाया गया है। कृपया ध्यान दें कि इन एलिमेंटों के अंदर भी काला छोटा किनारा है:
लाल का लाइन दार किनारा का रंग आकृति。
ब्लू का बिंदुदार किनारा का रंग आकृति。
ग्रे का उभारा किनारा का रंग आकृति。
इंस्टेंस
p.ex1 {
border: 2px solid black;
outline-style: solid;
outline-color: red;
}
p.ex2 {
border: 2px solid black;
outline-style: dotted;
outline-color: blue;
}
p.ex3 {
border: 2px solid black;
outline-style: outset;
outline-color: grey;
}
HEX वैल्यू
आप या तो प्रक्षेपण के रंग को अक्षरमान मान कर सकते हैं (HEX):
इंस्टेंस
p.ex1 {
outline-style: solid;
outline-color: #ff0000; /* लाल */
}
RGB वैल्यू
या RGB वैल्यू का उपयोग करके:
इंस्टेंस
p.ex1 {
outline-style: solid;
outline-color: rgb(255, 0, 0); /* लाल */
}
HSL मान
आप HSL मानों का इस्तेमाल भी कर सकते हैं:
इंस्टेंस
p.ex1 {
outline-style: solid;
outline-color: hsl(0, 100%, 50%); /* रानी */
}
हमारे सीएसएस रंग इस अध्याय में HEX, RGB और HSL मानों के बारे में अधिक जानकारी दी गई है。
कलर इनवर्ट करना
नीचे का उदाहरण outline-color: invertकलर इनवर्ट करने के लिए चलाया गया:
इनवर्ट कलर का सटीक रेखांकन
इंस्टेंस
p.ex1 {
border: 1px solid yellow;
outline-style: solid;
outline-color: invert;
}
- पिछला पृष्ठ सीएसएस कंटूर विस्तार
- अगला पृष्ठ सीएसएस कंटूर शॉर्ट हार्ड
