ဂုဏ်သတ္တိ outline-style

outline-style ဂုဏ်သတ္တိသည် နေရာမယူသော နယ်နိမိတ်မျဉ်းကြောင်း၏ အပြင်ဘက်ဘောင်၏ စတိုင်ကို သတ်မှတ်ပေးသည်။

ဝါကျဖွဲ့ပုံ

selector {
	outline-style: value;
}

တန်ဖိုး	ရှင်းလင်းချက်
`solid`	အစဉ်မပြတ်မျဉ်း။
`dotted`	အစက်များပုံစံ ဘောင်ခတ်ခြင်း။
`dashed`	အတားမျဉ်းပုံစံ ဘောင်ခတ်ခြင်း။
`ridge`	ဖောင်းထွက်နေသောမျဉ်းပုံစံ ဘောင်ခတ်ခြင်း။
`double`	နှစ်ထပ်မျဉ်းပုံစံ ဘောင်ခတ်ခြင်း။ အကျိုးသက်ရောက်မှုကို မြင်တွေ့နိုင်ရန် နယ်နိမိတ်အထူသည် အနည်းဆုံး `3px` ရှိရမည်။
`groove`	ချိုင့်ဝင်နေသော ဘောင်ခတ်ခြင်း။
`inset`	နစ်မြုပ်နေသော ဘောင်ခတ်ခြင်း။
`outset`	ဖောင်းထွက်နေသော ဘောင်ခတ်ခြင်း။
`none`	နယ်နိမိတ်မရှိခြင်း။

ပုံသေတန်ဖိုး - none.

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

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

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

#elem {
	outline-width: 1px;
	outline-style: dotted;
	outline-color: black;
	width: 300px;
	height: 100px;
}

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

#elem {
	outline-width: 1px;
	outline-style: dashed;
	outline-color: black;
	width: 300px;
	height: 100px;
}

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

#elem {
	outline-width: 3px;
	outline-style: ridge;
	outline-color: black;
	width: 300px;
	height: 100px;
}

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

#elem {
	outline-width: 3px;
	outline-style: double;
	outline-color: black;
	width: 300px;
	height: 100px;
}

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

#elem {
	outline-width: 3px;
	outline-style: groove;
	outline-color: black;
	width: 300px;
	height: 100px;
}

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

#elem {
	outline-width: 3px;
	outline-style: inset;
	outline-color: black;
	width: 300px;
	height: 100px;
}

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

#elem {
	outline-width: 3px;
	outline-style: outset;
	outline-color: black;
	width: 300px;
	height: 100px;
}