CSS ဘောင် -အရောင် ပိုင်ဆိုင်မှု
ဥပမာ
ဘောင်အတွက် အရောင်တစ်ခု သတ်မှတ်ပါ-
div {border-color: coral;}
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ပိုင်ဆိုင်မှု သည် border-color
ဒြပ်စင်တစ်ခု၏ ဘောင်လေးခု၏ အရောင်ကို သတ်မှတ်ပေးသည်။ ဤပိုင်ဆိုင်မှုသည် တန်ဖိုးတစ်ခုမှ လေးခုအထိ ရှိနိုင်သည်။
ဘောင်-အရောင် ပိုင်ဆိုင်မှုတွင် တန်ဖိုးလေးခု ရှိပါက-
- နယ်စပ်အရောင်- အနီရောင် အစိမ်း အပြာ ပန်းရောင်၊
- အပေါ်ဘက်ဘောင်သည် အနီရောင်ဖြစ်သည်။
- ညာဘက်ဘောင်သည် အစိမ်းရောင်ဖြစ်သည်။
- အောက်ခြေဘောင်သည် အပြာရောင်ဖြစ်သည်။
- ဘယ်ဘက်ဘောင်သည် ပန်းရောင်ဖြစ်သည်။
နယ်နိမိတ်အရောင် ပိုင်ဆိုင်မှုတွင် တန်ဖိုးသုံးမျိုးရှိလျှင်-
- နယ်စပ်အရောင်- အနီရောင် အစိမ်း အပြာ၊
- အပေါ်ဘက်ဘောင်သည် အနီရောင်ဖြစ်သည်။
- ညာဘက်နှင့် ဘယ်ဘက်ဘောင်များသည် အစိမ်းရောင်ဖြစ်သည်။
- အောက်ခြေဘောင်သည် အပြာရောင်ဖြစ်သည်။
ဘောင်-အရောင် ပိုင်ဆိုင်မှုတွင် တန်ဖိုးနှစ်ခုရှိလျှင်-
- နယ်စပ်အရောင်- အနီရောင် အစိမ်း;
- အပေါ်နှင့်အောက်ခြေဘောင်များသည် အနီရောင်ဖြစ်သည်။
- ညာဘက်နှင့် ဘယ်ဘက်ဘောင်များသည် အစိမ်းရောင်ဖြစ်သည်။
နယ်နိမိတ်အရောင် ပိုင်ဆိုင်မှုတွင် တန်ဖိုးတစ်ခုရှိလျှင်-
- နယ်စပ်အရောင်- အနီ;
- နယ်နိမိတ် လေးခုလုံးသည် အနီရောင်ဖြစ်သည်။
မှတ်ချက်
။ _ _ _ border-color
အရောင်မပြောင်းမီ ဒြပ်စင်တစ်ခုတွင် ဘောင်များ ရှိရမည်။
မူလတန်ဖိုး: | ဒြပ်စင်၏လက်ရှိအရောင် |
---|---|
အမွေဆက်ခံသည်- | မဟုတ်ဘူး |
သက်ဝင်လှုပ်ရှားနိုင်သော | ဟုတ်တယ် ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS1 |
JavaScript syntax- | အရာဝတ္ထု .style.borderColor="#FF0000 အပြာရောင်" |
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
border-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS Syntax
border-color: color|transparent|initial|inherit;
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description | Play it |
---|---|---|
color | Specifies the border color. Look at CSS Color Values for a complete list of possible color values. Default color is the current color of the element | |
transparent | Specifies that the border color should be transparent | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
နောက်ထပ် ဥပမာများ
ဥပမာ
HEX တန်ဖိုးဖြင့် နယ်နိမိတ်အတွက် အရောင်တစ်ခု သတ်မှတ်ပါ-
div {border-color: #92a8d1;}
ဥပမာ
RGB တန်ဖိုးဖြင့် ဘောင်အတွက် အရောင်တစ်ခု သတ်မှတ်ပါ-
div {border-color: rgb(201, 76, 76);}
ဥပမာ
RGBA တန်ဖိုးဖြင့် နယ်နိမိတ်အတွက် အရောင်တစ်ခု သတ်မှတ်ပါ-
div {border-color: rgba(201, 76, 76, 0.3);}
ဥပမာ
HSL တန်ဖိုးဖြင့် နယ်နိမိတ်အတွက် အရောင်တစ်ခု သတ်မှတ်ပါ-
div {border-color: hsl(89, 43%, 51%);}
ဥပမာ
HSLA တန်ဖိုးဖြင့် နယ်နိမိတ်အတွက် အရောင်တစ်ခု သတ်မှတ်ပါ-
div {border-color: hsla(89, 43%, 51%, 0.3);}
ဥပမာ
ဒြပ်စင်တစ်ခု၏ ဘေးတစ်ဖက်စီအတွက် မတူညီသော ဘောင်-အရောင်ကို သတ်မှတ်ပါ-
div.ex1 {border-color: #0000ff;}
div.ex2 {border-color: #ff0000 #0000ff;}
div.ex3 {border-color: #ff0000 #00ff00 #0000ff;}
div.ex4 {border-color:
#ff0000 #00ff00 #0000ff rgb(250,0,255);}
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS Border
HTML DOM ရည်ညွှန်းချက်- borderColor ပိုင်ဆိုင်မှု