style marginBottom သုံးသပ်

定义和用法

marginBottom 属性设置或返回元素的下外边距。

margin အဖိုးအချင်း 和 padding 属性 都在元素周围插入空间。但是，不同之处在于，margin 在边框周围插入空间，而 padding 在元素的边框内插入空间。

အခြား ကြည့်ရှုရန်:

CSS ဖော်ပြ:CSS အခြောက်

CSS အမှတ်အသား:margin-bottom အဖိုးအချင်း

HTML DOM အမှတ်အသား:margin အဖိုးအချင်း

အကျယ်အဝန်

အမှတ် 1

အရွယ်အစား <div> အောက်ဘက် အရွယ်အစား အစားထိုးပါ:

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

ကိုယ်တိုင် ကျင်းပပါ

အမှတ် 2

အရွယ်အစား <div> အောက်ဘက် အရွယ်အစား "normal" ပြန်လည်ပြင်ဆင်ပါ:

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

ကိုယ်တိုင် ကျင်းပပါ

အမှတ် 3

return <div> အရွယ်အစား အောက်ဘက် အရွယ်အစား:

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

ကိုယ်တိုင် ကျင်းပပါ

အမှတ် 4

marginBottom နှင့် paddingBottom အကွဲခြား:

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

ကိုယ်တိုင် ကျင်းပပါ

ပုံစံ

အဖိုးအချင်း marginBottom အဖိုးအချင်း ပြန်လည်သတင်းပေးပါ:

object.style.marginBottom

အဖိုးအချင်း marginBottom အဖိုးအချင်း အစားထိုးပါ:

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

အဖိုးအချင်း ပမာ

ပမာ ဖော်ပြ
% ဖြစ်ပေါ်သော အဖိုးအချင်း သုံးသပ်သော စကားလုံးစကားလုံး
length အရွယ်အစား ဗဟိုအမှတ်အသား ဖော်ပြထားသည်။
auto ဘရာဇယား ပြင်းအုပ် သုံးသပ်သော စကားလုံးစကားလုံး
initial အဖိုးအချင်း အမူကျချက် သို့ အစားထိုးပါ။ အမှတ်အသားကို ကြည့်ရှုရန်: initial။
inherit ဖြစ်ပေါ်သော အဖိုးအချင်းကို အဖိုးအချင်း မူကျချက်မှ မျှော်လင့်ထားသည်။ အမှတ်အသားကို ကြည့်ရှုရန်: inherit။

နည်းပညာဆိုင်ရာ အချက်အလက်

မိတ်ဆက်သည်: 0
နိုင်ငံခြား သတင်း: သုံးသပ်သော စကားလုံးစကားလုံးကို အရွယ်အစား ဖော်ပြထားသည်။
CSS မျိုးအမျိုးအစား: CSS1

ဘတ်သျှား ထောက်ပံ့

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့