CSS ကောက်ကြောင်း-အရောင် ပိုင်ဆိုင်မှု
ဥပမာ
ကောက်ကြောင်းအတွက် အရောင်တစ်ခု သတ်မှတ်ပါ-
div {outline-color: coral;}
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ကောက်ကြောင်းတစ်ခုသည် ဒြပ်စင်အား "ထင်ရှားပေါ်လွင်စေရန်" နယ်နိမိတ်အပြင်ဘက်ရှိ ဒြပ်စင်များအနီးတွင် ရေးဆွဲထားသောမျဉ်းတစ်ခုဖြစ်သည်။
ပစ္စည်း သည် outline-color
ကောက်ကြောင်းတစ်ခု၏ အရောင်ကို သတ်မှတ်သည်။
မှတ်ချက်- ပစ္စည်းဥစ္စာပိုင်ဆိုင်မှုရှေ့တွင်
အကြမ်းဖျင်းပုံစံ ပိုင်ဆိုင်မှု ကို အမြဲကြေငြာပါ outline-color
။ ၎င်းကို အရောင်မပြောင်းမီ ဒြပ်စင်တစ်ခုတွင် ကောက်ကြောင်းတစ်ခု ရှိရပါမည်။
မူလတန်ဖိုး: | ပံ့ပိုးထားပါက ပြောင်းပြန်လှန်၊ သို့မဟုတ် လက်ရှိအရောင် |
---|---|
အမွေဆက်ခံသည်- | မဟုတ်ဘူး |
သက်ဝင်လှုပ်ရှားနိုင်သော | ဟုတ်ကဲ့၊ တစ်ဦးချင်းဂုဏ်သတ္တိများကိုကြည့်ပါ ။ ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS2 |
JavaScript syntax- | အရာဝတ္ထု .style.outlineColor="#FF0000" |
အကြံပြုချက်များနှင့် မှတ်စုများ
မှတ်ချက်- မျဉ်းကြောင်းများသည် နယ်နိမိတ် များနှင့် ကွဲပြားသည် ။ ဘောင်နှင့်မတူဘဲ၊ ကောက်ကြောင်းကို ဒြပ်စင်၏ဘောင်အပြင်ဘက်တွင် ဆွဲထားပြီး အခြားအကြောင်းအရာကို ထပ်နေနိုင်သည်။ ထို့အပြင်၊ ကောက်ကြောင်းသည် ဒြပ်စင်၏အတိုင်းအတာ၏ အစိတ်အပိုင်းတစ်ခုမဟုတ်ပါ။ ဒြပ်စင်၏ စုစုပေါင်း အကျယ်နှင့် အမြင့်သည် ကောက်ကြောင်း၏ အကျယ်အားဖြင့် သက်ရောက်မှုမရှိပါ။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
outline-color | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
မှတ်ချက်- Internet Explorer 8 မှလွဲ၍ မည်သည့်ဘရောက်ဆာများတွင်မဆို တန်ဖိုးကို invert
ပံ့ပိုးမထားပါ။
CSS Syntax
outline-color: invert|color|initial|inherit;
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description | Play it |
---|---|---|
invert | Performs a color inversion. This ensures that the outline is visible, regardless of color background. Note: Browsers are not required to support this value. | |
color | Specifies the color of the outline. Look at CSS Color Values for a complete list of possible color values. | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
နောက်ထပ် ဥပမာများ
ဥပမာ
HEX တန်ဖိုးဖြင့် ကောက်ကြောင်းအတွက် အရောင်တစ်ခု သတ်မှတ်ပါ-
div {outline-color: #92a8d1;}
ဥပမာ
RGB တန်ဖိုးဖြင့် ကောက်ကြောင်းအတွက် အရောင်တစ်ခု သတ်မှတ်ပါ-
div {outline-color: rgb(201, 76, 76);}
ဥပမာ
RGBA တန်ဖိုးဖြင့် ကောက်ကြောင်းအတွက် အရောင်တစ်ခု သတ်မှတ်ပါ-
div {outline-color: rgba(201, 76, 76, 0.3);}
ဥပမာ
HSL တန်ဖိုးဖြင့် ကောက်ကြောင်းအတွက် အရောင်တစ်ခု သတ်မှတ်ပါ-
div {outline-color: hsl(89, 43%, 51%);}
ဥပမာ
HSLA တန်ဖိုးဖြင့် ကောက်ကြောင်းအတွက် အရောင်တစ်ခု သတ်မှတ်ပါ-
div {outline-color: hsla(89, 43%, 51%, 0.3);}
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS အကြမ်းဖျင်း
CSS ရည်ညွှန်းချက်- အကြမ်းထည် ပိုင်ဆိုင်မှု
HTML DOM ရည်ညွှန်းချက်- အကြမ်းဖျင်း အရောင် ပိုင်ဆိုင်မှု