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

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

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

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

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

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

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

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

ဤနမူနာအတိုင်း စာမျက်နှာကို ပြန်လုပ်ပါ။