Style borderColor Özelliği

Tanım ve Kullanım

borderColor Özellik, elementin kenar çizgisi rengini ayarlar veya döndürür.

Bu özellik bir ila dört değer alabilir:

  • Bir değer, örneğin: p {border-color: red} - Tüm dört kenar mavi renktedir
  • İki değer, örneğin: p {border-color: red transparent} - Üst ve alt kenar çizgileri kırmızı, sol ve sağ kenar çizgileri şeffaf
  • Üç değer, örneğin: p {border-color: red green blue}- Üst kenar çizgisi kırmızı, sol ve sağ kenar çizgileri yeşil, alt kenar çizgisi mavi
  • Dört değer, örneğin: p {border-color: red green blue yellow} - Üst kenar çizgisi kırmızı, sağ kenar çizgisi yeşil, alt kenar çizgisi mavi, sol kenar çizgisi sarı

Ayrıca bakınız：

CSS Eğitimi：CSS kenarlık

CSS Referans Kılavuzu：border-color özelliği

HTML DOM Referans Kılavuzu：border özelliği

Örnek

Örnek 1

<div>元素的 dört kenar çizgi rengini kırmızı yapın：

document.getElementById("myDiv").style.borderColor = "red";

Kendiniz deneyin

Örnek 2

<div>元素的 üst ve alt kenar çizgi rengini yeşil, sol ve sağ kenar çizgi rengini mor yapın：

document.getElementById("myDiv").style.borderColor = "green purple";

Kendiniz deneyin

Örnek 3

<div>元素的 kenar çizgi rengini döndürün：

alert(document.getElementById("myDiv").style.borderColor);

Kendiniz deneyin

Sözdizimi

borderColor özelliğini döndürün：

nesne.style.borderColor

borderColor özelliğini ayarlayın：

nesne.style.borderColor = "color|şeffaf|initial|inherit"

Özellik değeri

Değer Açıklama
color

Kenar çizgisinin rengini belirler. Varsayılan renk siyah'dır.

Bakınız CSS renk değerimümkün olan renk değerlerinin tam listesini almak için.
şeffaf Kenar çizgisinin rengi şeffaftır (alt içerikten geçer).
initial Bu özelliği varsayılan değerine ayarlar. Bakınız initial。
inherit Bu özelliği ebeveyn elementinden miras alır. Bakınız inherit。

Teknik ayrıntılar

Varsayılan değer： siyah
Dönüş değeri： Dizge, elementin kenar çizgisinin rengini ifade eder.
CSS sürümü： CSS1

Tarayıcı desteği

Tablodaki rakamlar, bu özelliği tam destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5