सीएसएस रूपरेखा-चौड़ाई संपत्ति
उदाहरण
रूपरेखा की चौड़ाई निर्धारित करें:
div {outline-width: thick;}
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
एक रूपरेखा एक रेखा है जो तत्वों के चारों ओर, सीमाओं के बाहर, तत्व को "बाहर खड़े" बनाने के लिए खींची जाती है।
रूपरेखा की outline-width
चौड़ाई निर्दिष्ट करता है।
नोट: हमेशा संपत्ति से पहले रूपरेखा-शैली की संपत्ति घोषित करें
outline-width
। किसी तत्व की चौड़ाई बदलने से पहले उसकी एक रूपरेखा होनी चाहिए।
डिफ़ॉल्ट मान: | मध्यम |
---|---|
विरासत में मिला: | नहीं |
एनिमेटेबल: | हाँ, व्यक्तिगत गुण देखें । एनिमेटेबल के बारे में पढ़ें |
संस्करण: | सीएसएस 2 |
जावास्क्रिप्ट सिंटैक्स: | ऑब्जेक्ट .style.outlineWidth="12px" |
टिप्स और नोट्स
नोट: रूपरेखा सीमाओं से भिन्न होती है ! सीमा के विपरीत, रूपरेखा तत्व की सीमा के बाहर खींची जाती है, और अन्य सामग्री को ओवरलैप कर सकती है। साथ ही, रूपरेखा तत्व के आयामों का हिस्सा नहीं है; तत्व की कुल चौड़ाई और ऊंचाई रूपरेखा की चौड़ाई से प्रभावित नहीं होती है।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
outline-width | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
सीएसएस सिंटेक्स
outline-width: medium|thin|thick|length|initial|inherit;
सम्पत्ति की कीमत
Value | Description | Play it |
---|---|---|
medium | Specifies a medium outline. This is default | |
thin | Specifies a thin outline | |
thick | Specifies a thick outline | |
length | Allows you to define the thickness of the outline. Read about length units | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
और ज्यादा उदाहरण
उदाहरण
आउटलाइन की चौड़ाई को मध्यम पर सेट करें (यह डिफ़ॉल्ट है):
div {outline-width: medium;}
उदाहरण
आउटलाइन की चौड़ाई पतली पर सेट करें:
div {outline-width: thin;}
उदाहरण
आउटलाइन की चौड़ाई 1px पर सेट करें:
div {outline-width: 1px;}
उदाहरण
आउटलाइन की चौड़ाई को 15px पर सेट करें:
div {outline-width: 15px;}
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस रूपरेखा
सीएसएस संदर्भ: रूपरेखा संपत्ति
एचटीएमएल डोम संदर्भ: रूपरेखा विड्थ संपत्ति