HTML DOM Element offsetWidth প্রতিমাণ

বিবরণ এবং ব্যবহার

offsetWidth প্রতিমাণগুলি উপাদানের দৃশ্যমান প্রস্থতা ফিরায়, পিক্সেল ইউনিটে, প্যাডিং, বর্তনা এবং স্ক্রোল ট্যাবলেট সহ বাদ দিয়ে, মার্জিন ছাড়া

offsetWidth প্রতিমাণগুলি অপসারণযোগ্য

দেখুন:CSS ফ্রেমওয়ার্ক শিক্ষাক্রম

offsetParent

সমস্ত ব্লক স্তরের উপাদানগুলি অফসেট পিতৃপক্ষের প্রতি অবস্থান রিপোর্ট করে:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

অফসেট পিতৃপক্ষ হল সবচেয়ে কাছের নিষ্ক্রিয় অবস্থার পিতৃপক্ষ

যদি কোনও অফসেট পিতৃপক্ষ নেই, তবে অফসেট ডকুমেন্টের মূল পাঠের প্রতি অবস্থান

আরও দেখুন:

offsetHeight প্রতিমাণ

offsetParent প্রতিমাণ

offsetTop প্রতিমাণ

offsetLeft প্রতিমাণ

clientTop প্রতিমাণ

clientLeft প্রতিমাণ

clientWidth প্রতিমাণ

clientHeight প্রতিমাণ

প্রতিমাণ

উদাহরণ 1

প্যাডিং এবং বর্তনা সহ "myDIV"-এর উচ্চতা এবং প্রস্থতা পাওয়া

const elmnt = document.getElementById("myDIV");
let text = "প্যাডিং এবং বর্তনা সহ উচ্চতা: " + elmnt.offsetHeight + "পিক্সেল<br>";
text += "Width with padding and border: " + elmnt.offsetWidth + "px";

আপনার হাতে পরীক্ষা করুন

উদাহরণ 2

clientHeight/clientWidth এবং offsetHeight/offsetWidth-এর পার্থক্য

স্ক্রোলবার ছাড়া:

const elmnt = document.getElementById("myDIV");
let text = "";
text += "Height with padding: " + elmnt.clientHeight + "px<br>";
text += "Height with padding and border: " + elmnt.offsetHeight + "px<br>";
text += "Width with padding: " + elmnt.clientWidth + "px<br>";
text += "Width with padding and border: " + elmnt.offsetWidth + "px";

আপনার হাতে পরীক্ষা করুন

স্ক্রোলবার সহ:

const elmnt = document.getElementById("myDIV");
let text = "";
text += "Height with padding: " + elmnt.clientHeight + "px<br>";
text += "Height with padding, border and scrollbar: " + elmnt.offsetHeight + "px<br>";
text += "Width with padding: " + elmnt.clientWidth + "px<br>";
text += "Width with padding, border and scrollbar: " + elmnt.offsetWidth + "px";

আপনার হাতে পরীক্ষা করুন

ব্যবহারকৃত ভাষা

element.offsetWidth

ফলাফল

ধরন বর্ণনা
নম্বর উপাদানের দৃশ্যমান প্রস্থ (পিক্সেলে পরিমাপ করা হয়), অন্তর্নিহিত প্যাডিং, বর্তনী এবং স্ক্রোলবার সহ।

ব্রাউজার সমর্থন

সমস্ত ব্রাউজারগুলি সমর্থন করে element.offsetWidth：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন