ပုံစံ padding အိမ်ခြံမြေ
ဥပမာ
<div> ဒြပ်စင်တစ်ခု၏ padding ကို သတ်မှတ်ပါ-
document.getElementById("myDiv").style.padding = "50px 10px 20px 30px";
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
padding ပိုင်ဆိုင်မှုသည် ဒြပ်စင်တစ်ခု၏ padding ကို သတ်မှတ်ပေးသည် သို့မဟုတ် ပြန်ပေးသည်။
ဤပိုင်ဆိုင်မှုသည် တန်ဖိုးတစ်ခုမှ လေးခုအထိ ယူနိုင်သည်-
အနားသတ်ပိုင်ဆိုင်မှုနှင့် padding ပိုင်ဆိုင်မှုနှစ်ခုစလုံးသည် ဒြပ်စင်တစ်ဝိုက်တွင် နေရာလွတ်ကို ထည့်သွင်းသည်။ သို့သော် ခြားနားချက်မှာ အနားသတ်သည် နယ်နိမိတ်တစ်ဝိုက်တွင် နေရာလွတ်ကို ထည့်သွင်းစေပြီး၊ padding သည် ဒြပ်စင်တစ်ခု၏ နယ်နိမိတ်အတွင်း နေရာလပ်ကို ထည့်သွင်းပေးခြင်းဖြစ်သည်။
- တန်ဖိုးတစ်ခု၊ ကဲ့သို့သော div {padding: 50px} - လေးဘက်စလုံးတွင် 50px ပါဒင့်ရှိပါမည်
- တန်ဖိုး နှစ်ခု ဖြစ်သည့် div {padding: 50px 10px} - အပေါ်နှင့် အောက် အကွက်များသည် 50px ဖြစ်မည်ဖြစ်ပြီး၊ ဘယ်နှင့် ညာဘက် အကွက်သည် 10px ဖြစ်လိမ့်မည်
- ကဲ့သို့သော တန်ဖိုးသုံးခု- div {padding: 50px 10px 20px} - အပေါ်ဆုံးအကွက်သည် 50px ဖြစ်မည်ဖြစ်ပြီး၊ ဘယ်နှင့်ညာဘက်အကွက်သည် 10px ဖြစ်မည်ဖြစ်ပြီး၊ အောက်ခြေအကွက်သည် 20px ဖြစ်လိမ့်မည်
- တန်ဖိုးလေးမျိုး၊ div {padding: 50px 10px 20px 30px} - ထိပ် padding သည် 50px ဖြစ်လိမ့်မည်၊ ညာဘက် padding သည် 10px ဖြစ်လိမ့်မည်၊ အောက်ခြေ padding သည် 20px ဖြစ်လိမ့်မည်၊ ဘယ်ဘက် padding သည် 30px ဖြစ်လိမ့်မည်
Browser ပံ့ပိုးမှု
Property | |||||
---|---|---|---|---|---|
padding | Yes | Yes | Yes | Yes | Yes |
အထားအသို
အကွက်ပိုင်ဆိုင်မှုကို ပြန်ပေးပါ-
object.style.padding
padding ပိုင်ဆိုင်မှုကို သတ်မှတ်ပါ-
object.style.padding = "%|length|initial|inherit"
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
% | Defines the padding in % of the width of the parent element |
length | Defines the padding in length units |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
နည်းပညာဆိုင်ရာအသေးစိတ်
မူလတန်ဖိုး: | ၀ယ်တယ်။ |
---|---|
ပြန်ပို့တန်ဖိုး- | Element တစ်ခု၏ padding ကို ကိုယ်စားပြုသော စာတန်း |
CSS ဗားရှင်း | CSS1 |
နောက်ထပ် ဥပမာများ
ဥပမာ
<div> ဒြပ်စင်တစ်ခု၏ လေးဘက်စလုံး၏ အကွက်များကို "25px" သို့ ပြောင်းပါ-
document.getElementById("myDiv").style.padding = "25px";
ဥပမာ
<div> ဒြပ်စင်တစ်ခု၏ အကွက်ကို ပြန်ပေးပါ။
alert(document.getElementById("myDiv").style.padding);
ဥပမာ
အနားသတ်ပိုင်ဆိုင်မှုနှင့် padding ပိုင်ဆိုင်မှုအကြား ကွာခြားချက်-
function changeMargin() {
document.getElementById("myDiv").style.margin = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.padding = "100px";
}
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS Padding
CSS ရည်ညွှန်းချက်- အကွက်များ ပိုင်ဆိုင်မှု
❮ စတိုင်အရာဝတ္ထု