CSS စာပေး အဆင်း အရောင်

CSS စာပေး အဆင်း အရောင်

outline-color အခြေခံ အရောင် အသုံးပြုရန် အဖွဲ့အစည်း

အရောင် အစားထိုးနိုင်ပုံ အမျိုးမျိုး အကြောင်း

  • name - အရောင် အမည် အသုံးပြုရန် (ဥပမာ "red")
  • HEX - သုံးပုံစံအောက်ခါ ရောင်ခြည် အသုံးပြုရန် (ဥပမာ "#ff0000")
  • RGB - RGB ရောင်ခြည် အသုံးပြုရန် (ဥပမာ "rgb(255,0,0)")
  • HSL - HSL ရောင်ခြည် အသုံးပြုရန် (ဥပမာ "hsl(0, 100%, 50%)")
  • invert - အရောင် ပြတ်တောက်ခြင်း ထိန်းချုပ်ရန် (အရောင် အမျိုးမျိုး အခြေအနေ အတွက် အဆုံးဖြတ်ပုံ မင်းကြီး မြင်အောင် ကောင်းမွန်လိမ့်မည်)

အောက်ခါ အများသုံး အရောင် မျိုးမျိုး အဆုံးဖြတ်ပုံ တခုခု ပြသထားသည်။ ကျွန်ုပ်တို့ အသိပေးပါလျှင်,အဆုံးဖြတ်ပုံ အတွင်း အဖြူ အရောင် သားရိုး အဆုံးဖြတ်ရာ လည်း ရှိပါသည်:

အများသုံး အကျယ်အဝန်း အဖြူ အဆုံးဖြတ်ရာ

အများသုံး အကျယ်အဝန်း အဝိုင်းအလှပ အဆုံးဖြတ်ရာ

အများသုံး အကျယ်အဝန်း အဖြူ အဆုံးဖြတ်ရာ

实例

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 ရောင်ခြည်

သို့မဟုတ် သုံးပုံစံအောက်ခါနှင့် အဆုံးဖြတ်ရန် အရောင်ကို အသုံးပြုနိုင်ပါသည်:

实例

p.ex1 {
  outline-style: solid;
  outline-color: #ff0000; /* အဖြူ */
}

亲自试一试

RGB ရောင်ခြည်

သို့မဟုတ် ရောင်ခြည်များကို အသုံးပြု၍

实例

p.ex1 {
  outline-style: solid;
  outline-color: rgb(255, 0, 0); /* အဖြူ */
}

亲自试一试

HSL 值

您还可以使用 HSL 值:

实例

p.ex1 {
  outline-style: solid;
  outline-color: hsl(0, 100%, 50%); /* 红色 */
}

亲自试一试

您可以在我们的 CSS စာပေး အရောင် 章节中学习有关 HEX、RGB 和 HSL 值的更多知识。

反转颜色

下例使用 outline-color: invert,执行了颜色反转。这样可以确保无论颜色背景如何,轮廓都是可见的:

反转颜色的实线轮廓。

实例

p.ex1 {
  border: 1px solid yellow;
  outline-style: solid;
  outline-color: invert;
}

亲自试一试