အခွင့်အရေး outline-offset

အခွင့်အရေး outline-offset သည် နေရာမယူသော နယ်နိမိတ်မျဉ်း - အပြင်ဘောင်အတွက် အကွာအဝေးကို သတ်မှတ်ပေးသည်။ အခွင့်အရေး၏ တန်ဖိုးမှာ ရာခိုင်နှုန်းများမှ လွဲ၍ မည်သည့် အရွယ်အစားများအတွက် ယူနစ် မဆို ဖြစ်သည်။ ပုံသေ တန်ဖိုးမှာ 0 ဖြစ်သည်။ အပေါင်းတန်ဖိုးသည် ဘောင်ကို အစိတ်အပိုင်းမှ အပြင်ဘက်သို့ ရွှေ့ပေးပြီး၊ အနှုတ်တန်ဖိုးသည် အတွင်းဘက်သို့ ရွှေ့ပေးသည်။

ဖွဲ့စည်းပုံ

ရွေးချယ်သူ {
	outline-offset: တန်ဖိုး;
}

နမူနာ . အပေါင်းတန်ဖိုး

ဘောင်သည် အစိတ်အပိုင်းမှ ခွာနေသည် (၎င်းကို နောက်ခံဖြင့် အလင်းပေးထားသည်)။

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

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

နမူနာ . အနှုတ်တန်ဖိုး

ဘောင်သည် အစိတ်အပိုင်း၏ အတွင်းတွင်ရှိသည်။

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

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

နမူနာ . outline + border ၏ အနှုတ်တန်ဖိုး

ထိုသို့သော စိတ်ဝင်စားဖွယ် အကျိုးသက်ရောက်မှုကို ပြုလုပ်နိုင်သည် (ဘောင်များကြားရှိ အဖြူရောင် ကွာဟမှု၏ အထူကို သတိပြုပါ၊ ၎င်းသည် 10px ဖြစ်ပြီး 14 မဟုတ်ပါ၊ အဘယ်ကြောင့်ဆိုသော် အစိတ်တစ်ခုကို outline က ၎င်း၏ 4px အထူဖြင့် စားသုံးလိုက်သောကြောင့် ဖြစ်သည်)။

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

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

ဤသည်လည်း ကြည့်ပါ

အခွင့်အရေး outline-width,
အဘယ်အရာက ဘောင်အထူကို သတ်မှတ်ပေးသနည်း
အခွင့်အရေး outline-style,
အဘယ်အရာက ဘောင်၏ပုံစံကို သတ်မှတ်ပေးသနည်း
အခွင့်အရေး outline-color,
အဘယ်အရာက ဘောင်၏အရောင်ကို သတ်မှတ်ပေးသနည်း
အခွင့်အရေး outline,
အဘယ်အရာက ဘောင်များအတွက် အတိုကောက် အခွင့်အရေး ဖြစ်သနည်း