Hoshiya rangi

CSS chegara rangi

border-color xossasi to‘rtta chegara rangini belgilash uchun ishlatiladi.

Ranni quyidagicha belgilash mumkin:

nom - rang nomini ko‘rsating, masalan, "red"
HEX - HEX qiymatini ko‘rsating, masalan, "#ff0000"
RGB - RGB qiymatini ko‘rsating, masalan, "rgb(255,0,0)"
HSL - HSL qiymatini ko‘rsating, masalan, "hsl(0, 100%, 50%)"
transparent

Eslatma: Agar border-color belgilanmasa, element rangini meros oladi.

Misol

Turli chegara ranglarining namoyishi:

p.one {
border-style: solid;
border-color: red;
}

p.two {
border-style: solid;
  border-color: green;
}

p.three {
  border-style: dotted;
  border-color: blue;
}

Natija:

Red border

Green border

Blue border

O‘zingiz sinab ko‘ring »

Alohida tomonlar ranglari

border-color xossasi bir to‘rttagacha qiymatga ega bo‘lishi mumkin (yuqori, o‘ng, pastki va chap chegaralar uchun).

Misol

p.one {
border-style: solid;
border-color: red green blue yellow; /* red top, green right, blue bottom and yellow left */
}

O‘zingiz sinab ko‘ring »

HEX qiymatlari

Chegara rangini o‘n oltinlik (HEX) qiymati bilan ham belgilash mumkin:

Misol

p.one {
border-style: solid;
border-color: #ff0000; /* red */
}

O‘zingiz sinab ko‘ring »

RGB qiymatlari

Yoki RGB qiymatlari yordamida:

Misol

p.one {
border-style: solid;
border-color: rgb(255, 0, 0); /* red */
}

O‘zingiz sinab ko‘ring »

HSL qiymatlari

HSL qiymatlaridan ham foydalanishingiz mumkin:

Misol

p.one {
border-style: solid;
border-color: hsl(0, 100%, 50%); /* red */
}

O‘zingiz sinab ko‘ring »

Siz HEX, RGB va HSL qiymatlari haqida CSS ranglari boblarimizda ko‘proq bilib olasiz.

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tish Kirish