शैली चौड़ाई संपत्ति
उदाहरण
<बटन> तत्व की चौड़ाई निर्धारित करें:
document.getElementById("myBtn").style.width = "300px";
परिभाषा और उपयोग
चौड़ाई गुण सेट करता है या चौड़ाई को एक तत्व देता है।
चौड़ाई गुण केवल ब्लॉक-स्तरीय तत्वों या पूर्ण या निश्चित स्थिति वाले तत्वों पर प्रभाव डालता है। अतिप्रवाह सामग्री को अतिप्रवाह संपत्ति के साथ हेरफेर किया जा सकता है।
युक्ति: किसी तत्व की ऊंचाई सेट करने या वापस करने के लिए ऊंचाई गुण का उपयोग करें ।
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
width | Yes | Yes | Yes | Yes | Yes |
वाक्य - विन्यास
चौड़ाई संपत्ति लौटाएं:
object.style.width
चौड़ाई संपत्ति सेट करें:
object.style.width = "auto|length|%|initial|inherit"
सम्पत्ति की कीमत
Value | Description |
---|---|
auto | The browser sets the width. This is default |
length | Defines the width in length units |
% | Defines the width in % of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | ऑटो |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, एक तत्व की चौड़ाई का प्रतिनिधित्व करता है |
सीएसएस संस्करण | सीएसएस 1 |
और ज्यादा उदाहरण
उदाहरण
<div> तत्व की चौड़ाई बदलें:
document.getElementById("myDIV").style.width = "500px";
उदाहरण
<img> तत्व की ऊंचाई और चौड़ाई बदलें:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
उदाहरण
<img> तत्व की चौड़ाई लौटाएं:
alert(document.getElementById("myImg").style.width);
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस आयाम
सीएसएस ट्यूटोरियल: सीएसएस बॉक्स मॉडल
सीएसएस संदर्भ: चौड़ाई संपत्ति
❮ स्टाइल ऑब्जेक्ट