offsetWidth প্রপার্টি

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 প্রপার্টির মান পায়