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; }