View Categories

CSS хүрээний өнгө

< 1 min read

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 */ }

Powered by BetterDocs

Leave a Reply