CSS တွင် padding ဖြင့် အပြင်ဘက်အကွာအဝေးများ လုပ်ဆောင်ခြင်း

ကျွန်ုပ်တို့သည် အပြင်ဘက် နယ်နိမိတ်မှ အပြင်ဘက်သို့ အကွာအဝေးပြုလုပ်ပေးသည့် margin property ကို လေ့လာပြီးဖြစ်သည်။ အလားတူပင်ရှိသည့် padding property ဟူ၍လည်းရှိပြီး ၎င်းသည် နယ်နိမိတ်မှ အတွင်းဘက်သို့ အကွာအဝေးပြုလုပ်ပေးသည်။

အခု ဥပမာများဖြင့် ဤ property မည်သို့အလုပ်လုပ်သည်ကို ကြည့်ကြရအောင်။ အစပိုင်းတွင် အကွာအဝေးမရှိသော (စာသားများ နယ်နိမိတ်များနှင့် ကပ်နေသော) block တစ်ခုကို ပြပါမည်။

html<div id="elem">
  some long text
</div>

css#elem {
  width: 300px;
  border: 1px solid red;
  text-align: justify;
}

Результат:

ယခု အားလုံးဘက်မှ padding ကို 30px သတ်မှတ်ကြည့်ပါမည်။

html<div id="elem">
  some long text
</div>

css#elem {
  padding: 30px;
  width: 300px;
  border: 1px solid red;
  text-align: justify;
}

Результат: