စီစ်အုပ်စု border-color အကိုးအချုပ်

အသုံးပြုခြင်း နှင့် သတ်မှတ်ခြင်း

border-color သတ်မှတ်ခြင်း အပေါ် နှစ် ၄ ခုခု သို့ ပါ ပေါ် ရှိ ပုံအပြင့် ကြော်ငြာ့ သတ်မှတ်သည်။ ဤ သတ်မှတ်ခြင်း ၁ ဖြင့် ၄ ဖြင့် အသုံးပြုနိုင်သည်။

border-color သတ်မှတ်ခြင်း နှင့် အသုံးပြုခြင်း အခြေခံအသုံးပြု သတ်မှတ်သည် တစ်ခုခု သည် အကျယ်ချင်း စာကြိုး အား ရွေးချယ်နိုင်သည်။ သို့သော်မဟုတ် ၄ ခုခု သည် ရွေးချယ်နိုင်သည်။ အောက်ပါ အကျယ်ချင်းကြော်ငြာ့များ ကို ကြည့်ပါ:

လက်တင် 1

border-color:red green blue pink;
  • 上边框是红色
  • အကျယ်ချင်းသုံးပုံအပြင့် ကြော်ငြာ့ကို အသံတင်
  • 下边框是蓝色
  • 左边框是粉色

例子 2

border-color:red green blue;
  • 上边框是红色
  • 右边框和左边框是绿色
  • 下边框是蓝色

例子 3

border-color:dotted red green;
  • 上边框和下边框是红色
  • 右边框和左边框是绿色

例子 4

border-color:red;
  • 所有 4 个边框都是红色

ကျွန်တော်ကို သတိပြုပါ၊ ဘေးခံ ပုံစံ သည် none သို့မဟုတ် hidden ကဲ့သို့ ဖြစ်လာမှာ ဘေးခံ မပြုပါ။

မှတ်ချက်：ကင်းကင်းကင်း ဘေးခံ ပုံစံ အမှတ် ကို ဘေးခံ အရောင် အမှတ် အတွက် ဖော်ပြပါ။ အရာများ ကို ပြောင်းလဲပြီး ဘေးခံ အရောင် ကို စစ်ဆေးပြီး ပြီးနောက် ဘေးခံ ပုံစံ အမှတ် ကို ဖော်ပြပါ။

အခြား ဖော်ပြများ

CSS ဖော်ပြချက်CSS အကျယ်ဝန်း

HTML DOM ဂရိယာဉ်ကြည့်ဒါborderColor ပုံစံ

အချက်အလက်

ဘေးခံ အကွယ်များ၏ အရောင် စစ်ဆေးပြီး လေးထပ် ကို စစ်ဆေးပြီး

p
  {
  border-style:solid;
  border-color:#ff0000 #0000ff;
  }

ကျွန်တော်ကို ကြိုးစားပါ

CSS ပုံစံ

border-color: color|transparent|initial|inherit;

ပုံစံအမှတ်

ပြောင်းလဲမှု ဖော်ပြ
color_name ပြောင်းလဲမှုအမှတ် အရောင် အမှတ် ကို ဘေးခံ အရောင် အမှတ် ကို ဖော်ပြပါ (ဥပမာ red)。
hex_number ပြောင်းလဲမှုအမှတ် ပုံစံအမှတ် ကို ဘေးခံ အရောင် အမှတ် ကို ဖော်ပြပါ (ဥပမာ #ff0000)。
rgb_number ပြောင်းလဲမှုအမှတ် rgb ကို ဘေးခံ အရောင် အမှတ် ကို ဖော်ပြပါ (ဥပမာ rgb(255,0,0))。
transparent မည်သည်မဆို ပြောင်းလဲမှု၊ ဘေးခံ အရောင် ကို ပြည့်အော် ဖြင့် ဖော်ပြပါ။
inherit ပြောင်းလဲမှုကို ဖြင့် ပြီး အကွယ်များ၏ အရောင် ကို ပြောင်းလဲပြီး

နည်းပါးလျားသော အချက်အလက်

မည်သည်မဆို ပြောင်းလဲမှု： not specified
ကူညီမှု： no
ပုံစံ： CSS1
JavaScript ပုံစံ： object.style.borderColor="#FF0000 blue"

အချက်အလက်များ

ဘေးခံ အကွယ်များ၏ အရောင် စစ်ဆေးပြီး တစ်ထပ်မှ လေးထပ် ပုံစံအမှတ် ကို စစ်ဆေးပြီး
အမှတ်အသားတစ်ခု ကို ကြည့်ပါ၊ ဘေးခံ အကွယ်များ၏ အရောင် ကို စစ်ဆေးပြီး တစ်ထပ်မှ လေးထပ် ပုံစံအမှတ် ကို စစ်ဆေးနိုင်ပါ။

ဘရပ်ဆိုက်လိပ် ကူညီမှု

အချက်အလက်များတွင် အကျယ်ပြု ပုံစံအမှတ် ကို အစားထိုးထားသည်။

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

မှတ်ချက်：Internet Explorer 6 (နှင့် အနည်းဆုံး ဘရပ်ဆိုက်လိပ်) သည် ပုံစံအမှတ် "transparent" ကို ကူညီမပေးပါ။

မှတ်ချက်：IE7 နှင့် အနည်းဆုံး ဘရပ်ဆိုက်လိပ်ဖြင့် ပြောင်းလဲမှု "inherit" ကို ကူညီမပေးပါ။ IE8 သည် !DOCTYPE ကို လိုအပ်သည်။ IE9 သည် "inherit" ကို ကူညီသည်။