Örnek
Bir dört sınırları rengini değiştirme <div> kırmızıya elemanı:
document.getElementById("myDiv").style.borderColor = "red"; Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
borderColor özelliği, ayarlar veya bir elementin kenarının rengini döndürür.
Bu tesis birinden dört değerlerine alabilir:
- Bir değer gibi: p {border-color: red} - dört sınırları kırmızı olacak
- p: gibi iki değerleri {border-color: red şeffaf} - Üst ve alt sınır sol kırmızı olacak ve sağ sınır şeffaf olacaktır
- p: gibi üç değer, {border-color: red green, mavi} - üst sınır yeşil olacak sınır, kırmızı sol ve sağ olacak, alt sınır mavi olur
- p: gibi dört değerleri {border-color: red green, mavi, sarı} - üst sınır kırmızı olacaktır, sağ sınır yeşil olacaktır, alt sınır mavi olur, sol sınır sarı olacak
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| borderColor | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sözdizimi
borderColor özelliğini Dönüş:
object .style.borderColor
borderColor özelliğini ayarlayın:
object .style.borderColor=" Mülkiyet Değerler değer Açıklama color Sınırın rengini belirtir. Bak CSS Renk Değerleri olası renk değerlerinin tam listesi için. Varsayılan renk siyahtır transparent Sınırın rengi (altta yatan içerik yoluyla parlayacak) şeffaftır initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku
Teknik detaylar
Varsayılan değer: siyah Geri dönüş değeri: Bir elemanın kenarının rengini temsil eden bir dize, CSS Sürüm BB1
Diğer Örnekler
Örnek
A, mor yeşil ve sol ve sağ sınırına üst ve alt sınırının rengini değiştirme <div> elemanı:
document.getElementById("myDiv").style.borderColor = "green purple";
Kendin dene "
Örnek
Bir kenarlık rengini döndürür <div> elemanı:
alert(document.getElementById("myDiv").style.borderColor); Kendin dene "
İlgili Sayfalar
CSS öğretici: CSS Border
CSS referansı: border-color property
HTML DOM referansı: border property
<Stil Nesne