Stil borderColor Özellik
Örnek
Bir <div> öğesinin dört kenarlığının rengini kırmızı olarak değiştirin:
document.getElementById("myDiv").style.borderColor = "red";
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
borderColor özelliği, bir öğenin kenarlığının rengini ayarlar veya döndürür.
Bu özellik bir ile dört arasında değer alabilir:
- Bir değer, örneğin: p {border-color: red} - dört kenarlığın tümü kırmızı olacaktır
- İki değer, örneğin: p {border-color: red Transparent} - üst ve alt kenarlık kırmızı olacak, sol ve sağ kenarlık şeffaf olacak
- Üç değer, örneğin: p {border-color: red green blue}- üst kenarlık kırmızı, sol ve sağ kenarlık yeşil, alt kenarlık mavi olacak
- Dört değer, örneğin: p {border-color: red green blue yellow} - üst kenarlık kırmızı, sağ kenarlık yeşil, alt kenarlık mavi, sol kenarlık sarı olacak
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
borderColor | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sözdizimi
borderColor özelliğini döndürün:
object.style.borderColor
borderColor özelliğini ayarlayın:
object.style.borderColor = "color|transparent|initial|inherit"
Mülk değerleri
Value | Description |
---|---|
color | Specifies the color of the border. Look at CSS Color Values for a complete list of possible color values. Default color is the current color of the element |
transparent | The color of the border is transparent (underlying content will shine through) |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Teknik detaylar
Varsayılan değer: | mevcut renk |
---|---|
Geri dönüş değeri: | Bir öğenin kenarlığının rengini temsil eden bir Dize |
CSS Sürümü | CSS1 |
Daha fazla örnek
Örnek
Bir <div> öğesinin üst ve alt kenarlığının rengini yeşil, sol ve sağ kenarlığının rengini mor olarak değiştirin:
document.getElementById("myDiv").style.borderColor = "green purple";
Örnek
Bir <div> öğesinin kenarlık rengini döndür:
alert(document.getElementById("myDiv").style.borderColor);
İlgili Sayfalar
CSS eğitimi: CSS Sınırı
CSS referansı: border-color özelliği
HTML DOM referansı: border özelliği