शैली रूपरेखा संपत्ति
उदाहरण
एक <div> तत्व के चारों ओर एक रूपरेखा जोड़ें:
document.getElementById("myDiv").style.outline = "thick solid #0000FF";
परिभाषा और उपयोग
आउटलाइन प्रॉपर्टी सभी आउटलाइन प्रॉपर्टी को शॉर्टहैंड रूप में सेट या लौटाती है।
इस संपत्ति के साथ, आप निम्न में से एक या अधिक (किसी भी क्रम में) सेट/वापस कर सकते हैं:
- रूपरेखा-चौड़ाई
- रूपरेखा शैली
- रूपरेखा रंग
एक रूपरेखा एक तत्व के चारों ओर एक रेखा है। यह तत्व के मार्जिन के आसपास प्रदर्शित होता है। हालांकि, यह सीमा संपत्ति से अलग है।
रूपरेखा तत्व के आयामों का हिस्सा नहीं है, इसलिए तत्व की चौड़ाई और ऊंचाई गुणों में रूपरेखा की चौड़ाई शामिल नहीं है।
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
outline | Yes | Yes | Yes | Yes | Yes |
वाक्य - विन्यास
रूपरेखा संपत्ति वापस करें:
object.style.outline
रूपरेखा संपत्ति सेट करें:
object.style.outline = "width style color|initial|inherit"
सम्पत्ति की कीमत
Parameter | Description |
---|---|
width | Sets the width of the outline |
style | Sets the style of the outline |
color | Sets 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 |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | मध्यम कोई उल्टा नहीं |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, जो किसी तत्व की रूपरेखा की चौड़ाई, शैली और/या रंग का प्रतिनिधित्व करती है |
सीएसएस संस्करण | सीएसएस 2 |
और ज्यादा उदाहरण
उदाहरण
<div> तत्व की रूपरेखा की चौड़ाई, शैली और रंग बदलें:
document.getElementById("myDiv").style.outline = "5px dotted green";
उदाहरण
<div> तत्व के बाह्यरेखा गुण मान लौटाएँ:
alert(document.getElementById("myDiv").style.outline);
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस रूपरेखा
सीएसएस संदर्भ: रूपरेखा संपत्ति
❮ स्टाइल ऑब्जेक्ट