सीएसएस रूपरेखा संपत्ति
उदाहरण
एक <h2> तत्व और एक <div> तत्व के चारों ओर एक रूपरेखा निर्धारित करें:
h2 {
outline: 5px dotted green;
}
div.a {
outline: 2px dashed blue;
}
परिभाषा और उपयोग
एक रूपरेखा एक रेखा है जो तत्वों के चारों ओर, सीमाओं के बाहर, तत्व को "बाहर खड़े" बनाने के लिए खींची जाती है।
संपत्ति के outline
लिए एक आशुलिपि संपत्ति है:
- रूपरेखा-चौड़ाई
- रूपरेखा-शैली (आवश्यक)
- रूपरेखा रंग
यदि आउटलाइन-रंग को छोड़ दिया जाता है, तो लागू किया गया रंग टेक्स्ट का रंग होगा।
नोट: रूपरेखा सीमाओं से भिन्न होती है ! सीमा के विपरीत, रूपरेखा तत्व की सीमा के बाहर खींची जाती है, और अन्य सामग्री को ओवरलैप कर सकती है। साथ ही, रूपरेखा तत्व के आयामों का हिस्सा नहीं है; तत्व की कुल चौड़ाई और ऊंचाई रूपरेखा की चौड़ाई से प्रभावित नहीं होती है।
डिफ़ॉल्ट मान: | मध्यम उलटा रंग |
---|---|
विरासत में मिला: | नहीं |
एनिमेटेबल: | हाँ, व्यक्तिगत गुण देखें । एनिमेटेबल के बारे में पढ़ें |
संस्करण: | सीएसएस 2 |
जावास्क्रिप्ट सिंटैक्स: | ऑब्जेक्ट .style.outline="#0000FF बिंदीदार 5px" |
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
outline | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
सीएसएस सिंटेक्स
outline: outline-width outline-style outline-color|initial|inherit;
सम्पत्ति की कीमत
Value | Description |
---|---|
outline-width | Specifies the width of outline |
outline-style | Specifies the style of the outline |
outline-color | Specifies the color of the outline |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस रूपरेखा
HTML DOM संदर्भ: आउटलाइन प्रॉपर्टी