border-color Özelliği Temel Özellikler
- CSS Yazımı :
border-color: <renk>;- Örnek :
border-color: #cCc;|border-color: black;- Öntanımlı Değer :
-
border-top-colorÖzelliği- Üst çerçeve rengi,
currentcolor border-right-colorÖzelliği- Sağ çerçeve rengi,
currentColor border-bottom-colorÖzelliği- Alt çerçeve rengi,
currentColor border-left-colorÖzelliği- Sol çerçeve rengi,
currentColor
- Uygulanabilen Etiketler :
- Tüm Etiketler.
::first-letterögesine de uygulanabilir. - Kalıtsallık :
- Yok.
- Tarayıcı Desteği :
- Tüm Tarayıcılar
- Animasyon :
- Destekleniyor
animationÖzelliği - Javascript :
öge.style.borderColor = "red";- Sürüm :
- CSS1 / CSS2 (düz. 1) / CSS Backgrounds and Borders Module Level 3
- Açıklama :
border-color Özelliği Kullanımı
Markanız için 300X300 alan.
CSS border-color özelliği; 4 kenarın birden rengini belirler. 4 kenarın kısaltması olarak kullanılabildiği gibi her kenar için ayrı ayrı renk değeri verilebilmesini de sağlar.
border-color Özelliği Yazımı
CSS border-color özelliği; 4 kenarın birden rengini belirler. 4 kenarın kısaltması olarak kullanılabildiği gibi her kenar için ayrı ayrı renk değeri verilebilmesini de sağlar.
border-color: 4 kenar rengi; /* Tek-Değer Yazımı */
border-color: red;
border-color: yatay dikey; /* İki-Değer Yazımı */
border-color: red green;
border-color: üst dikey alt; /* Üç-Değer Yazımı */
border-color: red green blue;
border-color: üst sağ alt sol; /* Dört-Değer Yazımı */
border-color: red green blue white;border-color: red #cCc rgba(255, 255, 255, 1); Bu biçimde renk adı, rgb(16'lık dizge), rgba(16'lık dizge alfa kanalı) gibi birimleri karıştırarak kullanmayın. Ya renk adı türünden ya da rgb türünden ve benzeri birimleri kullanın. Bu kural aslında tüm CSS özellikleri için geçerlidir.
border-color: red green;
border-color: #cCc #f00;
border-color: rgba(255, 255, 255, 1) rgba(69, 69, 69, 0.75);
border-color Özelliği Tarayıcı Desteği
| Tarayıcı →Özellik ↓ | |||||
|---|---|---|---|---|---|
| Temel Destek | 1 [1] | 3.5 | 1 | 1 | 4 |
| Tarayıcı →Özellik ↓ | |||||
|---|---|---|---|---|---|
| Temel Destek | 4 [1] | 11 | 1 | 4 | 7 |
[1] Firefox ölçün olmayan birden fazla renk kullanımını sağlayan -moz-border-top-colors, -moz-border-right-colors, -moz-border-bottom-colors, -moz-border-left-colors özelliklerini de destekliyor.
border-color Özelliğinin Alabileceği Değerler
<renk>- Çerçevenin rengini ayarlar. Daha fazla bilgi için: CSS Renk
İlişkili Özellikler
borderÖzelliği- Çerçeveyi belirler.
border-widthÖzelliği- Çerçeve genişliğini belirler.
border-styleÖzelliği- Çerçeve desenini belirler.