सीएसएस रूपरेखा-रंग संपत्ति
उदाहरण
रूपरेखा के लिए एक रंग सेट करें:
div {outline-color: coral;}
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
एक रूपरेखा एक रेखा है जो तत्वों के चारों ओर, सीमाओं के बाहर, तत्व को "बाहर खड़े" बनाने के लिए खींची जाती है।
outline-color
संपत्ति एक रूपरेखा का रंग निर्दिष्ट करती है ।
नोट: हमेशा संपत्ति से पहले
रूपरेखा-शैली की संपत्ति घोषित करें outline-color
। किसी तत्व का रंग बदलने से पहले उसकी एक रूपरेखा होनी चाहिए।
डिफ़ॉल्ट मान: | यदि समर्थित हो तो उल्टा करें, अन्यथा वर्तमान रंग |
---|---|
विरासत में मिला: | नहीं |
एनिमेटेबल: | हाँ, व्यक्तिगत गुण देखें । एनिमेटेबल के बारे में पढ़ें |
संस्करण: | सीएसएस 2 |
जावास्क्रिप्ट सिंटैक्स: | ऑब्जेक्ट .style.outlineColor="#FF0000" |
टिप्स और नोट्स
नोट: रूपरेखा सीमाओं से भिन्न होती है ! सीमा के विपरीत, रूपरेखा तत्व की सीमा के बाहर खींची जाती है, और अन्य सामग्री को ओवरलैप कर सकती है। साथ ही, रूपरेखा तत्व के आयामों का हिस्सा नहीं है; तत्व की कुल चौड़ाई और ऊंचाई रूपरेखा की चौड़ाई से प्रभावित नहीं होती है।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
outline-color | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
नोट: मान invert
इंटरनेट एक्सप्लोरर 8 को छोड़कर किसी भी ब्राउज़र में समर्थित नहीं है।
सीएसएस सिंटेक्स
outline-color: invert|color|initial|inherit;
सम्पत्ति की कीमत
Value | Description | Play it |
---|---|---|
invert | Performs a color inversion. This ensures that the outline is visible, regardless of color background. Note: Browsers are not required to support this value. | |
color | Specifies the color of the outline. Look at CSS Color Values for a complete list of possible color values. | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
और ज्यादा उदाहरण
उदाहरण
आउटलाइन के लिए HEX मान के साथ एक रंग सेट करें:
div {outline-color: #92a8d1;}
उदाहरण
RGB मान के साथ आउटलाइन के लिए एक रंग सेट करें:
div {outline-color: rgb(201, 76, 76);}
उदाहरण
RGBA मान के साथ आउटलाइन के लिए रंग सेट करें:
div {outline-color: rgba(201, 76, 76, 0.3);}
उदाहरण
HSL मान के साथ आउटलाइन के लिए एक रंग सेट करें:
div {outline-color: hsl(89, 43%, 51%);}
उदाहरण
HSLA मान के साथ आउटलाइन के लिए रंग सेट करें:
div {outline-color: hsla(89, 43%, 51%, 0.3);}
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस रूपरेखा
सीएसएस संदर्भ: रूपरेखा संपत्ति
एचटीएमएल डोम संदर्भ: रूपरेखा रंग संपत्ति