शैली की रूपरेखा शैली की संपत्ति
उदाहरण
<div> तत्व के चारों ओर एक "ठोस" रूपरेखा जोड़ें:
document.getElementById("myDiv").style.outlineStyle = "solid";
परिभाषा और उपयोग
OutlineStyle प्रॉपर्टी किसी एलीमेंट के आस-पास आउटलाइन की शैली सेट या लौटाती है।
एक रूपरेखा एक तत्व के चारों ओर एक रेखा है। यह तत्व के मार्जिन के आसपास प्रदर्शित होता है। हालांकि, यह सीमा संपत्ति से अलग है।
रूपरेखा तत्व के आयामों का हिस्सा नहीं है, इसलिए तत्व की चौड़ाई और ऊंचाई गुणों में रूपरेखा की चौड़ाई शामिल नहीं है।
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
outlineStyle | Yes | Yes | Yes | Yes | Yes |
वाक्य - विन्यास
आउटलाइन स्टाइल संपत्ति लौटाएं:
object.style.outlineStyle
रूपरेखा शैली संपत्ति सेट करें:
object.style.outlineStyle = value
सम्पत्ति की कीमत
Value | Description |
---|---|
none | Defines no outline. This is default |
hidden | The outline is turned off |
dotted | Defines a dotted outline |
dashed | Defines a dashed outline |
solid | Defines a solid outline |
double | Defines a double outline |
groove | Defines a 3D grooved outline. The effect depends on the outline-color value |
ridge | Defines a 3D ridged outline. The effect depends on the outline-color value |
inset | Defines a 3D inset outline. The effect depends on the outline-color value |
outset | Defines a 3D outset outline. The effect depends on the outline-color value |
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.outlineStyle = "solid";
उदाहरण
<div> तत्व की रूपरेखा शैली लौटाएं:
alert(document.getElementById("myDiv").style.outlineStyle);
उदाहरण
सभी विभिन्न मूल्यों का प्रदर्शन:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस रूपरेखा
सीएसएस संदर्भ: रूपरेखा-शैली की संपत्ति
HTML DOM संदर्भ: आउटलाइन प्रॉपर्टी
❮ स्टाइल ऑब्जेक्ट