Chegara rangi

Chegara rangi

border-color xususiyati 4 ta chegaraning rangini o'zgartirish uchun ishlatiladi.

Rang quyidagicha qiymatlar bilan qo'yilishi mumkin:

• rang nomi - rang nomiga qarab, masalan "red"

• HEX - HEX qiymatni bildiradi, masalan "#ff0000"

• RGB - RGB qiymatni bildiradi, masalan "rgb(255,0,0)"

• HSL - HSL qiymatini bildiradi, masalan "hsl(0, 100%, 50%)"

• transparent

Eslatma: agar border-color yozilmagan bo'lsa, u elementning rangini o'ziga meros qilib oladi.

CSS

Turli chegara ranglarini ko'rsatib berish:

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:

W3Schools online HTML editor

Tomonlarning ranglarini belgilash

border-color xususiyati birdan to'rttagacha qiymat qabul qilishi mumkun (tepa chegara uchun, o'ng chegara uchun, pastki chegara uchun va chap chegara uchun)

CSS

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

W3Schools online HTML editor

HEX qiymatlari

Border ning ranglari Hexadecimal raqamlar bilan ham belgilanishi mumkin:

C

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

W3Schools online HTML editor

RGB qiymatlari

Yoki RGB qiymatlardan ham foydalanish mumkin:

CSS

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

W3Schools online HTML editor

HSL qiymatlari

Bundan tashqari HSL qiymatlari asosida ham rang berishingiz olasiz:

CSS

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

W3Schools online HTML editor

HEX, RGB va HSL qiymatlari haqida CSS Ranglari bo'limida ko'proq ma'lumot olishingiz mumkin.