padding ဂုဏ်သတ္တိ

padding ဂုဏ်သတ္တိသည် အချက်၏ အတွင်း အကွာအဝေးကို သတ်မှတ်ပေးသည်။ ဂုဏ်သတ္တိ၏ တန်ဖိုးသည် မည်သည့် အရွယ်အစား ယူနစ်များမဆို ဖြစ်နိုင်သည်။ စံထားချက်အရ browser တိုင်းသည် အချက်များကို မတူညီသော အကွာအဝေးများ ထည့်ပေးနိုင်သည်။ ဂုဏ်သတ္တိသည် padding-top, padding-right, padding-bottom, padding-left စသည့် ဂုဏ်သတ္တိများအတွက် အတိုကောက်ဖြစ်သည်။

ဖွဲ့စည်းပုံ

selector {
	padding: တန်ဖိုး;
}

ပါရာမီတာ အရေအတွက်

padding ဂုဏ်သတ္တိသည် 1, 2, 3 သို့မဟုတ် 4 တန်ဖိုးများကို လက်ခံပြီး ကြားခံနေရာဖြင့် စာရင်းပြုစုထားသည်။

အရေအတွက်	ဖော်ပြချက်
`1`	တစ်ခုတည်းသော တန်ဖိုးသည် အချက်၏ အားလုံးသောဘက်များမှ အကွာအဝေးကို သတ်မှတ်ပေးသည်။
`2`	ပထမတန်ဖိုးသည် အပေါ်နှင့်အောက် အကွာအဝေးကို သတ်မှတ်ပေးပြီး၊ ဒုတိယတန်ဖိုးသည် ညာဘက်နှင့်ဘယ်ဘက် အကွာအဝေးကို သတ်မှတ်ပေးသည်။
`3`	ပထမတန်ဖိုးသည် အပေါ်ဘက် အကွာအဝေးကို သတ်မှတ်ပေးသည်၊ ဒုတိယတန်ဖိုးသည် ညာဘက်နှင့်ဘယ်ဘက် အကွာအဝေးကို သတ်မှတ်ပေးပြီး၊ တတိယတန်ဖိုးသည် အောက်ဘက် အကွာအဝေးကို သတ်မှတ်ပေးသည်။
`4`	ပထမတန်ဖိုးသည် အပေါ်ဘက် အကွာအဝေးကို သတ်မှတ်ပေးသည်၊ ဒုတိယတန်ဖိုးသည် ညာဘက်အကွာအဝေးကို သတ်မှတ်ပေးသည်၊ တတိယတန်ဖိုးသည် အောက်ဘက် အကွာအဝေးကို သတ်မှတ်ပေးပြီး၊ စတုတ္ထတန်ဖိုးသည် ဘယ်ဘက် အကွာအဝေးကို သတ်မှတ်ပေးသည်။

နမူနာ

ဤကိစ္စတွင် စံထားချက်အရ အတွင်းအကွာအဝေးသည် သုညဖြစ်နေပြီး စာသားသည် ဘလောက်၏ နယ်နိမိတ်သို့ ကပ်နေမည်။

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

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

နမူနာ

ယခု အတွင်းအကွာအဝေးကို 30px အတိုင်း ပြုလုပ်ကြည့်ကြပါစို့။

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

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

နမူနာ

ယခု အပေါ်နှင့်အောက် အကွာအဝေးသည် 20px ဖြစ်ပြီး၊ ညာဘက်နှင့်ဘယ်ဘက် အကွာအဝေးသည် 5px ဖြစ်မည်။

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

#elem {
	padding: 20px 5px;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
}

နမူနာ

ယခု အပေါ်ဘက် အကွာအဝေး 5px, ညာဘက် - 15px, အောက်ဘက် - 25px, ဘယ်ဘက် - 35px ဖြစ်မည်။

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

#elem {
	padding: 5px 15px 25px 35px;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
}

ဒါ့အပြင်ကြည့်ပါ

margin ဂုဏ်သတ္တိ,
အပြင်အကွာအဝေးကို သတ်မှတ်ပေးသည်