HTML DOM Element offsetHeight প্রতিশত
- পূর্ববর্তী পৃষ্ঠা normalize()
- পরবর্তী পৃষ্ঠা offsetWidth
- একত্রিত প্রস্থান HTML DOM Elements অবজেক্ট
সংজ্ঞা এবং ব্যবহার
offsetHeight প্রতিশতগুলি এলিমেন্টের দৃশ্যমান উচ্চতা (পিক্সেলে হয়) ফিরিয়ে দেয়, অভ্যন্তরীণ সার্ফেস, বর্তনী এবং স্ক্রোলবার সহ, কিন্তু বাইরের মার্জিন নয়。
offsetHeight এই প্রতিশতগুলি লেখা হয় না
আরও দেখুন:CSS ফ্রেমওয়ার্ক শিক্ষাক্রম
offsetParent
সকল ব্লক শ্রেণীর এলিমেন্টসমূহ অফসেট পিউরিন্টের প্রতি অফসেট রিপোর্ট করে:
- offsetTop
- offsetLeft
- offsetWidth
- offsetHeight
অফসেট পিউরিন্ট হল সবচেয়ে নিকটবর্তী নিষ্ক্রিয় অবস্থার পূর্বপুরুষ。
যদি কোনও অফসেট পিউরিন্ট না থাকে, তবে অফসেট ডকুমেন্টের মূল সামগ্রীর প্রতি সমান্তরাল হয়。
আরও দেখুন:
ইনস্ট্যান্স
উদাহরণ 1
রিপোর্ট "myDIV"-এর উচ্চতা এবং প্রস্থ, অভ্যন্তরীণ সার্ফেস এবং বর্তনী সহ:
const elmnt = document.getElementById("myDIV");
let text = "প্যাডিং এবং বর্তনীর সাথে উচ্চতা: " + elmnt.offsetHeight + "px<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.offsetHeight
ফলাফল
| ধরন | বর্ণনা |
|---|---|
| নম্বর | উপস্থাপিত পরিমাণ (পিক্সেলে অনুমান), এক্সটার্নাল প্যাডিং, বর্তনা এবং স্ক্রোলবার সহ সমস্ত উপাদান |
ব্রাউজার সমর্থন
সমস্ত ব্রাউজারই সমর্থন করে element.offsetHeight：
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
- পূর্ববর্তী পৃষ্ঠা normalize()
- পরবর্তী পৃষ্ঠা offsetWidth
- একত্রিত প্রস্থান HTML DOM Elements অবজেক্ট
