Style marginTop အကျုပ်

ဒီအကျုပ် ကြောင်းပြောချက် နှင့် အသုံးပြုခြင်း

marginTop အကျုပ် ပုံစံ ကို အထူးပြု၍ တက်ကြွသည်

margin အကျုပ် နှင့် padding အကျုပ် အစိတ်အပျက် ထဲမှ အချိန်အချိန်ဖြင့် အရွယ်အစားအပေါ် အနည်းချိန် ဖြည့်စွက်သည်။ သို့သော် အဆိုပါ အချက် ကို အခြားသည်ကား အဘယ်လိုသို့ ဖြစ်သည်:

အခြားကြည့်:

CSS ပြောဆို:CSS အပြင်ဘက်

CSS လက်တွေရှိသည်:margin-top အကျုပ်

HTML DOM လက်တွေရှိသည်:margin အကျုပ်

အမှတ်အသား

ဘာသာစကား 1

ပြင်ဆင် <div> အပေါ်အနည်းချိန်:

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

ကျွန်ုပ်ကိုယ်ဖြင့် ကြိုးစားလေ့ကျင့်ပါ

ဘာသာစကား 2

<div> အပေါ်အနည်းချိန် ပြန်လည် "normal" အထိ ပြင်ဆင်:

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

ကျွန်ုပ်ကိုယ်ဖြင့် ကြိုးစားလေ့ကျင့်ပါ

ဘာသာစကား 3

ပြန်လည်ပေး <div> အပေါ်အနည်းချိန်:

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

ကျွန်ုပ်ကိုယ်ဖြင့် ကြိုးစားလေ့ကျင့်ပါ

ဘာသာစကား 4

marginTop နှင့် paddingTop အကျုပ် ကွဲပြားခြင်း:

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

ကျွန်ုပ်ကိုယ်ဖြင့် ကြိုးစားလေ့ကျင့်ပါ

ဘာသာစကား

ပြင်းအား marginTop အကျုပ် ပြန်လည်ပေး:

object.style.marginTop

ပြင်းအား marginTop အကျုပ်:

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

အကျုပ် ပြင်းအား

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

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

မည်သည်မဆို အရည်အချင်း: 0
တုံ့ပြန်ပေးသည်: စာလုံးအရပ်လျှောက်သည်၊ အရွယ်အစားအတိုင်း အပေါ်အနည်းချိန်၏
စတုံးပေါ့စား ပုံစံ: စတုံးပေါ့စားအောင်စဥ်

ဘရောက်လာခြင်းကိုထောက်ပံ့သည်

ခရိုမို Edge Firefox Safari Opera
ခရိုမို Edge Firefox Safari Opera
ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့