CSS Border Color
CSS Border Color
ဘောင်လေး ခု၏ border-color
အရောင်ကို သတ်မှတ်ရန် ပိုင်ဆိုင်မှုကို အသုံးပြုသည်။
အရောင်ကို သတ်မှတ်နိုင်သည်-
- အမည် - "အနီရောင်" ကဲ့သို့ အရောင်အမည်ကို သတ်မှတ်ပါ
- HEX - "#ff0000" ကဲ့သို့ HEX တန်ဖိုးကို သတ်မှတ်ပါ
- RGB - "rgb(255,0,0)" ကဲ့သို့ RGB တန်ဖိုးကို သတ်မှတ်ပါ။
- HSL - "hsl(0၊ 100%, 50%)" ကဲ့သို့ HSL တန်ဖိုးကို သတ်မှတ်ပါ။
- ပွင့်လင်းသည်။
မှတ်ချက်-border-color
သတ်မှတ်မထားပါက၊ ၎င်းသည် ဒြပ်စင်၏အရောင်ကို အမွေဆက်ခံသည် ။
ဥပမာ
မတူညီသောနယ်စပ်အရောင်များ၏သရုပ်ပြမှု
p.one
{
border-style: solid;
border-color: red;
}
p.two
{
border-style: solid;
border-color: green;
}
p.three {
border-style: dotted;
border-color:
blue;
}
ရလဒ်:
Red border
Green border
Blue border
သတ်မှတ်ထားသော ဘေးထွက်အရောင်များ
ပိုင်ဆိုင်မှု တွင် border-color
တန်ဖိုးတစ်ခုမှ လေးခုအထိ ရှိနိုင်သည် (အပေါ်ဘက်ဘောင်၊ ညာဘက်ဘောင်၊ အောက်ခြေဘောင်နှင့် ဘယ်ဘက်ဘောင်အတွက်)။
ဥပမာ
p.one {
border-style: solid;
border-color: red green blue yellow;
/* red top, green right, blue bottom and yellow left */
}
HEX တန်ဖိုးများ
ဆဋ္ဌမတန်တန်ဖိုး (HEX) ကို အသုံးပြု၍ ဘောင်၏အရောင်ကိုလည်း သတ်မှတ်နိုင်သည်။
ဥပမာ
p.one {
border-style: solid;
border-color: #ff0000; /* red
*/
}
RGB တန်ဖိုးများ
သို့မဟုတ် RGB တန်ဖိုးများကို အသုံးပြုခြင်းဖြင့်-
ဥပမာ
p.one {
border-style: solid;
border-color: rgb(255, 0, 0);
/* red */
}
HSL တန်ဖိုးများ
HSL တန်ဖိုးများကိုလည်း သင်အသုံးပြုနိုင်ပါသည်-
ဥပမာ
p.one {
border-style: solid;
border-color: hsl(0, 100%, 50%);
/* red */
}
ကျွန်ုပ်တို့၏ CSS Colors အခန်း များတွင် HEX၊ RGB နှင့် HSL တန်ဖိုးများအကြောင်း ပိုမိုလေ့လာနိုင်ပါသည် ။