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.

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:

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)

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

HEX qiymatlari

Border ning ranglari Hexadecimal raqamlar bilan ham belgilanishi mumkin:

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

RGB qiymatlari

Yoki RGB qiymatlardan ham foydalanish mumkin:

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

HSL qiymatlari

Bundan tashqari HSL qiymatlari asosida ham rang berishingiz olasiz:

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

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

PreviousChegara kengligiNextChegara tomonlari

Last updated