padding-block-end ဂုဏ်သတ္တိ

padding-block-end ဂုဏ်သတ္တိသည် ဘလောက် (ဒေါင်လိုက်) ဝင်ရိုးတစ်လျှောက် အစိတ်အပိုင်း၏ အဆုံး အတွင်းပိုင်း အကွာအဝေးကို သတ်မှတ်ပေးသည်။

ဝါကျဖွဲ့စည်းပုံ

cssselector {
  padding-block-end: size;
}

နမူနာ

ကလေးအစိတ်အပိုင်းအတွက် ဘလောက်ဝင်ရိုးတစ်လျှောက် အဆုံး အတွင်းပိုင်း အကွာအဝေးကို 20px အဖြစ် သတ်မှတ်ကြပါစို့။

html<div>
  <p>စာသား</p>
</div>
cssdiv {
  width: 400px;
  height: 200px;
  border: 1px solid black;
}
p {
  padding-block-end: 20px;
  width: 100px;
  height: 50px;
  border: 1px solid red;
}

Результат:

နမူနာ

ယခု ကလေးအစိတ်အပိုင်းအတွက် ဘလောက်ဝင်ရိုးတစ်လျှောက် အဆုံး အတွင်းပိုင်း အကွာအဝေးကို 20% အဖြစ် သတ်မှတ်ကြပါစို့။

html<div>
  <p>စာသား</p>
</div>
cssdiv {
  width: 400px;
  height: 200px;
  border: 1px solid black;
}
p {
  padding-block-end: 20%;
  width: 100px;
  height: 50px;
  border: 1px solid red;
}

Результат:

ဤအကြောင်း ဆက်လက်ဖတ်ရှုရန်

  • padding-block-start ဂုဏ်သတ္တိ၊
    ဘလောက် ဝင်ရိုးတစ်လျှောက် အစိတ်အပိုင်း၏ အစ အတွင်းပိုင်း အကွာအဝေးကို သတ်မှတ်ပေးသည်
  • padding-inline-end ဂုဏ်သတ္တိ၊
    inline ဝင်ရိုးတစ်လျှောက် အစိတ်အပိုင်း၏ အဆုံး အတွင်းပိုင်း အကွာအဝေးကို သတ်မှတ်ပေးသည်
  • padding-inline-start ဂုဏ်သတ္တိ၊
    inline ဝင်ရိုးတစ်လျှောက် အစိတ်အပိုင်း၏ အစ အတွင်းပိုင်း အကွာအဝေးကို သတ်မှတ်ပေးသည်
  • padding ဂုဏ်သတ္တိ၊
    အတွင်းပိုင်း အကွာအဝေးကို သတ်မှတ်ပေးသည်
  • margin-bottom ဂုဏ်သတ္တိ၊
    အောက်ဖက်မှ အပြင်ပိုင်း အကွာအဝေးကို သတ်မှတ်ပေးသည်
  • margin-left ဂုဏ်သတ္တိ၊
    ဘယ်ဖက်မှ အပြင်ပိုင်း အကွာအဝေးကို သတ်မှတ်ပေးသည်
  • margin-right ဂုဏ်သတ္တိ၊
    ညာဖက်မှ အပြင်ပိုင်း အကွာအဝေးကို သတ်မှတ်ပေးသည်
  • margin ဂုဏ်သတ္တိ၊
    အပြင်ပိုင်း အကွာအဝေးအတွက် အတိုကောက်ဖြစ်သည်