outline ဂုဏ်သတ္တိ

outline ဂုဏ်သတ္တိသည် ပြင်ပဘောင် (နေရာမယူသော နယ်နိမိတ်မျဉ်း) အတွက် အရောင်၊ အမျိုးအစား နှင့် အထူကို တစ်ချိန်တည်းတွင် အားလုံးသော ဘက်များအတွက် သတ်မှတ်ပေးသော်လည်း， border နှင့် မတူဘဲ ထိုသို့သော နယ်နိမိတ်မျဉ်းသည် အစိတ်အပိုင်းကို မကျယ်ပြန့်စေပါ။ ၎င်းသည် outline-width, outline-style နှင့် outline-color အတွက် ဂုဏ်သတ္တိအတိုကောက်ဖြစ်သည် (သို့သော် outline-offset အတွက်မဟုတ်ပါ)။

ဝါကျဖွဲ့ပုံ

ရွေးချယ်သူ {
	outline: အထူ အမျိုးအစား အရောင်;
}

တန်ဖိုးများ၏ ဂုဏ်သတ္တိများ အစီအစဥ်သည် မဆိုင်ပါ။

နမူနာ . outline သာလျှင်

<div id="elem"></div>

#elem {
	outline: 1px solid black;
	width: 300px;
	height: 100px;
}

နမူနာ . outline နှင့် border ဂုဏ်သတ္တိများ အတူတကွ

outline မှ နယ်နိမိတ်မျဉ်းသည် အပြင်ဘက်တွင် ရှိမည်ဖြစ်ပြီး၊ border မှ နယ်နိမိတ်မျဉ်းသည် အတွင်းဘက်တွင် ရှိမည် -

<div id="elem"></div>

#elem {
	outline: 4px solid green;
	border: 4px solid red;
	width: 300px;
	height: 100px;
}

ဤအကြောင်းကိုလည်း ကြည့်ပါ

outline-offset ဂုဏ်သတ္တိ၊
ဘောင်ရွေ့လျားမှုကို သတ်မှတ်ပေးသည်