Style padding အကျုံ�စိတ်

ဒါဟာ အသုံးပြုနည်း နှင့် အသုံးပြုခြင်း

padding အရိုး အရေးယူမှု သည် အဆိုပါ အရာ၏ အဆိုပါ အကွင်းအပိုင်း ကို အစားထိုးရန် သို့မဟုတ် ကို သတ်မှတ်ရန် အသုံးပြုသည်

အရိုး အရေးယူမှု သည် ၁ ထိ ၄ ခုထိ အချက်အလက် သုံးပါး သို့မဟုတ် အချက်အလက် ၄ ခုထိ အသုံးပြုနိုင်သည်

margin အရိုး နှင့် padding အရာ အဆိုပါ အရာများ အဆိုပါ အရာတွင် အကွင်းအပိုင်း ဖြင့် ထိုးထည်ထားသည်။ သို့သော် အရေးယူမှု သည် အဆိုပါ အရာ၏ အခြေအနေ နှင့် ဆိုင်၍ အဆိုပါ အရာ၏ အခြေအနေ အနီးအနား အကွင်းအပိုင်း ဖြင့် ထိုးထည်ထားသည်

  • အချက်အလက် ၁ ခုရှိသည်၊ ဥပမာ၊ div {padding: 50px} - ပေါ်လွှာ ၄ ခုစလုံး ၅၀ပမာဏ ရှိသည်
  • နိုင်ငံတစ်ခုခုတွင် အရေးယူရမည့် အချက်အလက် ၂ ခုရှိသည်၊ ဥပမာ၊ div {padding: 50px 10px} - အရောက်အရိုး ၅၀ပမာဏ နှင့် ဆိုင်သည်၊ အရိုး ၁၀ပမာဏ နှင့် ဆိုင်သည်
  • အခြေအနေ အသုံးပြုပါ: div {padding: 50px 10px 20px} - အထက် အကျယ်အဝန်း 50px ဖြင့် သုံးပြုပါ။
  • အခြေအနေ အသုံးပြုပါ: div {padding: 50px 10px 20px 30px} - အထက် အကျယ်အဝန်း 50px ဖြင့် သုံးပြုပါ။

အခြား ကြည့်ချင်သော:

CSS ဖော်ပြချက်CSS အတွင်းအပြင်

CSS စာတမ်းpadding အရာ

အမှတ်

အမှတ် 1 ပုံ

ပြန်လည်ပေး <div> အရာ၏ padding:

document.getElementById("myDiv").style.padding = "50px 10px 20px 30px";

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

အမှတ် 2 ပုံ

<div> အရာ၏ နှစ်လက်ကွဲတဲ့ အကျယ်အဝန်းကို "25px" ဖြင့် ပြန်လည်ကျပြီး ပြန်လည်ပေးပါ:

document.getElementById("myDiv").style.padding = "25px";

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

အမှတ် 3 ပုံ

ပြန်လည်ပေး <div> အရာ၏ padding:

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

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

အမှတ် 4 ပုံ

margin အရာနှင့် padding အရာ၏ အခြေခြားခြင်း:

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

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

ပြဋ္ဌာန်းဥပဒေ

padding အရာကို ပြန်လည်ပေးပါ:

object.style.padding

padding အရာကို အစားထိုးပါ:

object.style.padding = "%|length|initial|inherit"

အရာများ

ပြင်းအား ဖော်ပြ
% အဖွဲ့အစည်း အကျယ်အဝန်း အစား တိုင်း အသုံးပြုပါ။
length အကျယ်အဝန်း အသုံးပြုသော အရာကို အတိုင်းအတာ အသုံးပြုပါ။
initial အရာကို မည်သည့် သတ်မှတ်ချက် မှ ပြန်လည်ကျပြီး အခြေခံ အရာများ သုံးပြုပါ။ ကျမ်းကို ကြည့်ပါ။ initial。
inherit အဖွဲ့အစည်း အသုံးပြုသော အခြေခံ အရာများ မှ အကြိမ်ဖြတ် သည့် အရာကို သုံးပြုပါ။ ကျမ်းကို ကြည့်ပါ။ inherit。

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

မည်သည့် သတ်မှတ်ချက်: 0
နှုတ်ချက်: ကြောက်သက်ချက် ကို ပြောဆိုသော စကားလုံး。
စျေးကျွန်း အဆင့်: စျေးကျွန်း

ဘရောက်ဆက်ကုန်းစက်

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