Style width गुण

परिभाषा और उपयोग

width गुण सेट करें या वापस करें करने के लिए इस्तेमाल करें।

width गुण केवल ब्लॉक स्केल एलिमेंट या जो अभिनियोग या निर्धारित स्थानांतरण वाले एलिमेंट है, प्रभावी होता है। अधिक सामग्री को overflow गुण संबंधित

सूचना:कृपया height गुण एलिमेंट की ऊंचाई सेट करें या वापस करें।

अन्य संदर्भ:

CSS शिक्षा:CSS आकार

CSS शिक्षा:CSS फ्रेमवर्क

CSS संदर्भ दस्तावेज़:width गुण

उदाहरण

उदाहरण 1

<button> एलिमेंट की चौड़ाई सेट करें:

document.getElementById("myBtn").style.width = "300px";

अपने आप साबित करें

उदाहरण 2

<div> एलिमेंट की चौड़ाई बदलें:

document.getElementById("myDIV").style.width = "500px";

अपने आप साबित करें

उदाहरण 3

<img> एलिमेंट की ऊंचाई और चौड़ाई बदलें:

document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";

अपने आप साबित करें

उदाहरण 4

<img> एलिमेंट की चौड़ाई वापस करें:

alert(document.getElementById("myImg").style.width);

अपने आप साबित करें

व्याकरण

width गुण वापस करें:

object.style.width

width गुण सेट करें:

object.style.width = "auto|length|%|initial|inherit"

गुण मान

मान वर्णन
ऑटो ब्राउज़र चौड़ाई सेट करता है। मूलभूत।
length चौड़ाई को लंबाई इकाई में परिभाषित करें。
% पिता एलिमेंट की चौड़ाई को परिभाषित करें, प्रतिशत में।
initial इस गुण को उसके मूलभूत मान पर सेट करें। देखें initial।
inherit इस गुण को उसके माता एलिमेंट से अनुवर्तित करें। देखें inherit।

तकनीकी विवरण

मूलभूत मान: ऑटो
वापसी मान: शब्द, जो एलिमेंट की चौड़ाई को प्रदर्शित करता है。
CSS संस्करण： CSS1

ब्राउज़र समर्थन

Chrome Edge Firefox साफारी ऑपेरा
Chrome Edge Firefox साफारी ऑपेरा
सहायता सहायता सहायता सहायता सहायता