CSS outline-offset ပိုင်ဆိုင်မှု
ဥပမာ
နယ်နိမိတ်အစွန်းအပြင်ဘက်ရှိ 4 ပစ်ဇယ်အစိုင်အခဲ အနီရောင်ကောက်ကြောင်း 15 ပစ်ဇယ်ကို သတ်မှတ်ပါ-
div
{
outline: 4px solid red;
outline-offset: 15px;
}
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
outline-offset
ပစ္စည်းသည် ဒြပ်စင်တစ်ခု၏ ကောက်ကြောင်းနှင့် အစွန်း သို့မဟုတ် ဘောင်ကြားတွင် နေရာလွတ်ကို ပေါင်းထည့်သည် ။
ဒြပ်စင်တစ်ခုနှင့် ၎င်း၏ကောက်ကြောင်းကြားရှိ နေရာလွတ်သည် ပွင့်လင်းသည်။
မျဉ်းကြောင်းများသည် မျဉ်းကြောင်းသုံးမျိုးဖြင့် ကွဲပြားသည်-
- ကောက်ကြောင်းတစ်ခုသည် နယ်နိမိတ်အစွန်းအပြင်ဘက်ရှိ ဒြပ်စင်များပတ်ပတ်လည်တွင် ဆွဲထားသောမျဉ်းတစ်ခုဖြစ်သည်။
- ကောက်ကြောင်းတစ်ခုသည် နေရာမယူပါ။
- ကောက်ကြောင်းသည် စတုဂံပုံမဟုတ်ပေ။
မူလတန်ဖိုး: | ၀ယ်တယ်။ |
---|---|
အမွေဆက်ခံသည်- | မဟုတ်ဘူး |
သက်ဝင်လှုပ်ရှားနိုင်သော | ဟုတ်ကဲ့၊ တစ်ဦးချင်းဂုဏ်သတ္တိများကိုကြည့်ပါ ။ ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS3 |
JavaScript syntax- | အရာဝတ္ထု .style.outlineOffset="15px" |
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
outline-offset | 4.0 | 15.0 | 3.5 | 3.1 | 10.5 |
CSS Syntax
outline-offset: length|initial|inherit;
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
length | The distance the outline is outset from the border edge. Default value is 0 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS User Interface
HTML DOM ရည်ညွှန်း- outlineOffset ပိုင်ဆိုင်မှု