style marginBottom প্রতিশব্দ

Definition and Usage

marginBottom property sets or returns the marginBottom of the element.

margin property and padding property Both insert space around the element. However, the difference is that margin inserts space around the border, while padding inserts space inside the element's border.

See also:

CSS Tutorial:CSS বাহ্যিক মার্গ

CSS Reference Manual:margin-bottom property

HTML DOM Reference Manual:margin property

Instance

Example 1

Set the marginBottom of the <div> element:

document.getElementById("myDiv").style.marginBottom = "50px";

Try it yourself

Example 2

Change the marginBottom of the <div> element back to "normal":

document.getElementById("myDiv").style.marginBottom = "0px";

Try it yourself

Example 3

Return the marginBottom of the <div> element:

alert(document.getElementById("myDiv").style.marginBottom);

Try it yourself

Example 4

marginBottom এবং paddingBottom-এর পার্থক্য:

function changeMargin() {
  document.getElementById("myDiv").style.marginBottom = "100px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingBottom = "100px";
}

Try it yourself

Syntax

return marginBottom property:

object.style.marginBottom

set marginBottom property:

object.style.marginBottom = "%|length|auto|initial|inherit"

বৈশিষ্ট্য মান

মান বর্ণনা
% পারস্পরিক উপাদানের প্রস্থতা শতাংশে নিচের বাহ্যিক মার্গ নির্দেশ করুন
length দৈর্ঘ্য ইউনিটে নিচের বাহ্যিক মার্গ নির্দেশ করুন
auto ব্রাউজার সেটিংসের নিচের বাহ্যিক মার্গ
initial এই বৈশিষ্ট্যটিকে তার ডিফল্ট মানে নিয়ে নিন। দেখুন initial。
inherit পারস্পরিক উপাদান থেকে এই বৈশিষ্ট্যটি উত্তরাধিকার করে নেয়। দেখুন inherit。

প্রযুক্তিগত বিবরণ

ডিফল্ট মান: 0
ফলাফল: শব্দতালিকা，যা উপাদানের নিচের বাহ্যিক মার্গকে নির্দেশ করে。
CSS সংস্করণ: CSS1

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

চ্রোম এজ ফায়ারফক্স স্যাফারি ওপেরা
চ্রোম এজ ফায়ারফক্স স্যাফারি ওপেরা
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন