outline ဂုဏ်သတ္တိ

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

ဝါကျဖွဲ့ပုံ

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

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

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

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

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

Результат:

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

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

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

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

Результат:

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