स्टाइल आउटलाइनविड्थ प्रॉपर्टी
उदाहरण
<div> तत्व की रूपरेखा की चौड़ाई बदलें:
document.getElementById("myDiv").style.outlineWidth = "10px";
परिभाषा और उपयोग
आउटलाइनविड्थ गुण किसी तत्व के चारों ओर आउटलाइन की चौड़ाई सेट या लौटाता है।
एक रूपरेखा एक तत्व के चारों ओर एक रेखा है। यह तत्व के मार्जिन के आसपास प्रदर्शित होता है। हालांकि, यह सीमा संपत्ति से अलग है।
रूपरेखा तत्व के आयामों का हिस्सा नहीं है, इसलिए तत्व की चौड़ाई और ऊंचाई गुणों में रूपरेखा की चौड़ाई शामिल नहीं है।
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
outlineWidth | Yes | Yes | Yes | Yes | Yes |
वाक्य - विन्यास
आउटलाइनविड्थ संपत्ति लौटाएं:
object.style.outlineWidth
आउटलाइनविड्थ संपत्ति सेट करें:
object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"
सम्पत्ति की कीमत
Value | Description |
---|---|
thin | Defines a thin outline |
medium | Defines a medium outline. This is default |
thick | Defines a thick outline |
length | The width of the outline in length units |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | मध्यम |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, एक तत्व की रूपरेखा की चौड़ाई का प्रतिनिधित्व करता है |
सीएसएस संस्करण | सीएसएस 2 |
और ज्यादा उदाहरण
उदाहरण
"मोटी" मान का उपयोग करके <div> तत्व की रूपरेखा की चौड़ाई बदलें:
document.getElementById("myDiv").style.outlineWidth = "thick";
उदाहरण
<div> तत्व की रूपरेखा की चौड़ाई लौटाएं:
alert(document.getElementById("myDiv").style.outlineWidth);
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस रूपरेखा
सीएसएस संदर्भ: रूपरेखा संपत्ति
HTML DOM संदर्भ: आउटलाइन प्रॉपर्टी
❮ स्टाइल ऑब्जेक्ट