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.


ULASHISH

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!