offsetWidth প্রপার্টি

offsetWidth প্রপার্টিতে একটি এলিমেন্টের সম্পূর্ণ প্রস্থ রয়েছে (এলিমেন্টের প্রকৃত প্রস্থ, বর্ডারের প্রস্থ, অভ্যন্তরীণ প্যাডিং, স্ক্রলবার অন্তর্ভুক্ত):

সিনট্যাক্স

javascriptelement.offsetWidth;

উদাহরণ

আসুন এলিমেন্টের সম্পূর্ণ আকার জেনে নেওয়া যাক:

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

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

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

কোড এক্সিকিউট করার ফলাফল:

javascript150

উদাহরণ

যদি এলিমেন্টটি লুকানো থাকে, তাহলে offsetWidth 0 এর সমান:

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

css#elem {
  display: none; /* লুকানো এলিমেন্ট */
  width: 100px;
  height: 100px;
  padding: 15px;
  border: 10px solid black;
}

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

কোড এক্সিকিউট করার ফলাফল:

javascript0

আরও দেখুন