CSS хүрээний өнгө #
border-color
нь 4 хүрээний өнгийг тохируулхад ашиглагдана.
Өнгийг дараахь байдлаар тохируулж болно.
- нэр – “улаан” гэх мэт өнгөний нэрийг зааж өгөх
- 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;
}
Үр дүн:
Улаан хатуу хүрээ
Ногоог хатуу хүрээr
Цэгтэй цэнхэр хүрээ
Тэмдэглэгээ: "Хүрээний өнгө" шинж чанар нь дангаараа ашиглагдах тохиолдолд ажиллахгүй. "Хүрээний хэв маяг" шинж чанарыг ашиглан эхлээд хүрээний тохируулна уу.
HSL Утга #
Та HSL утгыг ашиглаж болно:
p.one {
border-style: solid;
border-color: hsl(0, 100%, 50%); /* red */
}
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 */
}