padding-inline-start ဂုဏ်သတ္တိ

padding-inline-start ဂုဏ်သတ္တိသည် အရာဝတ္ထု၏ inline (အလျားလိုက်) axis ပေါ်ရှိ စတင်ပြင်ပအကွာအဝေးကို သတ်မှတ်ပေးပါသည်။

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

cssselector {
  padding-inline-start: size;
}

ဥပမာ

Child element တစ်ခုအတွက် inline axis ပေါ်ရှိ စတင်ပြင်ပအကွာအဝေးကို 20px အဖြစ် သတ်မှတ်ကြပါစို့။

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

Результат:

ဥပမာ

ယခုတစ်ကြိမ်တွင်မူ Child element တစ်ခုအတွက် inline axis ပေါ်ရှိ စတင်ပြင်ပအကွာအဝေးကို 20% အဖြစ် သတ်မှတ်ကြပါစို့။

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

Результат:

ဆက်လက်လေ့လာရန်

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