CSS Outline အရောင်
CSS Outline အရောင်
ကောက်ကြောင်း ၏အ outline-color
ရောင်ကို သတ်မှတ်ရန် ပိုင်ဆိုင်မှုကို အသုံးပြုသည်။
အရောင်ကို သတ်မှတ်နိုင်သည်-
- အမည် - "အနီရောင်" ကဲ့သို့ အရောင်အမည်ကို သတ်မှတ်ပါ
- HEX - "#ff0000" ကဲ့သို့ hex တန်ဖိုးကို သတ်မှတ်ပါ
- RGB - "rgb(255,0,0)" ကဲ့သို့ RGB တန်ဖိုးကို သတ်မှတ်ပါ။
- HSL - "hsl(0၊ 100%, 50%)" ကဲ့သို့ HSL တန်ဖိုးကို သတ်မှတ်ပါ။
- ပြောင်းပြန် - အရောင်ပြောင်းပြန်လှန်ခြင်းကို လုပ်ဆောင်သည် (အရောင်နောက်ခံကို မခွဲခြားဘဲ ကောက်ကြောင်းကို မြင်နိုင်စေရန် သေချာစေသည်)
အောက်ဖော်ပြပါ ဥပမာသည် မတူညီသောအရောင်များဖြင့် မတူညီသော အကွက်အချို့ကို ပြသထားသည်။ ဤဒြပ်စင်များသည် ကောက်ကြောင်းအတွင်းတွင် ပါးလွှာသော အနက်ရောင်အနားသတ်များ ရှိနေကြောင်းကိုလည်း သတိပြုပါ။
အနီရောင် ကောက်ကြောင်းတစ်ခု။
အပြာရောင် ကောက်ကြောင်းတစ်ခု။
အစပိုင်းတွင် မီးခိုးရောင်ကောက်ကြောင်း။
ဥပမာ
p.ex1
{
border: 2px solid black;
outline-style: solid;
outline-color: red;
}
p.ex2
{
border: 2px solid black;
outline-style: dotted;
outline-color: blue;
}
p.ex3
{
border: 2px solid black;
outline-style: outset;
outline-color: grey;
}
HEX တန်ဖိုးများ
ကောက်ကြောင်းအရောင်ကိုလည်း hexadecimal တန်ဖိုး (HEX) ဖြင့် သတ်မှတ်နိုင်သည်-
ဥပမာ
p.ex1 {
outline-style: solid;
outline-color: #ff0000;
/* red */
}
RGB တန်ဖိုးများ
သို့မဟုတ် RGB တန်ဖိုးများကို အသုံးပြုခြင်းဖြင့်-
ဥပမာ
p.ex1 {
outline-style: solid;
outline-color: rgb(255, 0, 0); /*
red */
}
HSL တန်ဖိုးများ
HSL တန်ဖိုးများကိုလည်း သင်အသုံးပြုနိုင်ပါသည်-
ဥပမာ
p.ex1 {
outline-style: solid;
outline-color: hsl(0, 100%, 50%);
/* red */
}
ကျွန်ုပ်တို့၏ CSS Colors အခန်း များတွင် HEX၊ RGB နှင့် HSL တန်ဖိုးများအကြောင်း ပိုမိုလေ့လာနိုင်ပါသည် ။