ऑफसेटविड्थ प्रॉपर्टी

offsetWidth प्रॉपर्टी में एलिमेंट की पूरी चौड़ाई शामिल होती है (इसमें एलिमेंट की वास्तविक चौड़ाई, बॉर्डर की चौड़ाई, आंतरिक पैडिंग, स्क्रॉल बार शामिल हैं):

सिंटैक्स

element.offsetWidth;

उदाहरण

आइए एलिमेंट का पूरा आकार जानें:

<div id="elem"></div>

#elem {
	width: 100px;
	height: 100px;
	padding: 15px;
	border: 10px solid black;
}

let elem = document.querySelector('#elem');
console.log(elem.offsetWidth);

कोड निष्पादित करने का परिणाम:

150

उदाहरण

यदि एलिमेंट छिपा हुआ है, तो offsetWidth 0 के बराबर होता है:

<div id="elem"></div>

#elem {
	display: none; /* छिपा हुआ एलिमेंट */
	width: 100px;
	height: 100px;
	padding: 15px;
	border: 10px solid black;
}

let elem = document.querySelector('#elem');
console.log(elem.offsetWidth);

कोड निष्पादित करने का परिणाम:

0

यह भी देखें

clientWidth प्रॉपर्टी,
जिसमें बॉर्डर के अंदर एलिमेंट की चौड़ाई होती है
offsetHeight प्रॉपर्टी,
जिसमें एलिमेंट की पूरी ऊंचाई होती है
getComputedStyle मेथड,
जो एलिमेंट की CSS प्रॉपर्टी का मान प्राप्त करता है