borderColor
Misol
<div> elementining to‘rtala chegarasi rangini qizilga o‘zgartiring:
document.getElementById("myDiv").style.borderColor = "red";O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Tavsif
borderColor xususiyati element chegarasining rangini o‘rnatadi yoki qaytaradi.
Bu xususiyat birdan to‘rttagacha qiymat qabul qilishi mumkin:
- Bitta qiymat, masalan: p {border-color: red} - to‘rtala chegara qizil bo‘ladi
- Ikkita qiymat, masalan: p {border-color: red transparent} - yuqori va pastki chegara qizil, chap va o‘ng chegara shaffof bo‘ladi
- Uchta qiymat, masalan: p {border-color: red green blue}- yuqori chegara qizil, chap va o‘ng chegara yashil, pastki chegara ko‘k bo‘ladi
- To‘rtta qiymat, masalan: p {border-color: red green blue yellow} - yuqori chegara qizil, o‘ng chegara yashil, pastki chegara ko‘k, chap chegara sariq bo‘ladi
Sintaksis
borderColor xususiyatini qaytarish:
object.style.borderColor
borderColor xususiyatini o‘rnatish:
object.style.borderColor = "color|transparent|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| color | Chegara rangini belgilaydi. Mumkin bo‘lgan rang qiymatlarining to‘liq ro‘yxatini CSS rang qiymatlari sahifasida ko‘ring. Standart rang — elementning joriy rangi |
| transparent | Chegara rangi shaffof bo‘ladi (ostidagi kontent ko‘rinib turadi) |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Texnik tafsilotlar
| Standart qiymat: | joriy rang |
|---|---|
| Qaytariladigan qiymat: | Element chegarasining rangini ifodalovchi String |
| CSS versiyasi | CSS1 |
Ko‘proq misollar
Misol
<div> elementining yuqori va pastki chegarasi rangini yashilga, chap va o‘ng chegarasi rangini esa binafsharangga o‘zgartiring:
document.getElementById("myDiv").style.borderColor = "green purple";
O‘zingiz sinab ko‘ring »
Misol
<div> elementining chegara rangini qaytaring:
alert(document.getElementById("myDiv").style.borderColor);
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS chegaralar
CSS ma’lumotnomasi: border-color xususiyati
HTML DOM ma’lumotnomasi: border xususiyati
Brauzerlarda qo‘llab-quvvatlash
borderColor — CSS1 (1996) imkoniyati.
U barcha brauzerlarda to‘liq qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | Ha |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!
