Contoh
Mengubah warna dari empat perbatasan dari <div> elemen merah:
document.getElementById("myDiv").style.borderColor = "red"; Cobalah sendiri " Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
The Bordercolor set properti atau mengembalikan warna perbatasan elemen ini.
Properti ini dapat berlangsung dari satu sampai empat nilai:
- Satu nilai, seperti: p {border-color: red} - semua empat perbatasan akan merah
- Dua nilai, seperti: p {border-color: red transparan} - atas dan batas bawah akan merah, kiri dan batas kanan akan transparan
- Tiga nilai, seperti: p {border-color: blue red green} - atas perbatasan akan merah, kiri dan kanan perbatasan akan menjadi hijau, batas bawah akan berwarna biru
- Empat nilai, seperti: p {border-color: blue kuning red green} - perbatasan atas akan merah, batas kanan akan menjadi hijau, batas bawah akan berwarna biru, batas kiri akan kuning
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Milik | |||||
|---|---|---|---|---|---|
| borderColor | 1.0 | 4.0 | 1.0 | 1.0 | 3,5 |
Sintaksis
Kembali properti bordercolor:
object .style.borderColor
Mengatur properti bordercolor:
object .style.borderColor=" Nilai properti Nilai Deskripsi color Menentukan warna perbatasan. Lihatlah CSS Nilai Warna untuk daftar lengkap dari kemungkinan nilai warna. warna default hitam transparent Warna perbatasan transparan (konten yang mendasari akan bersinar) initial Set properti ini ke nilai default. Baca tentang awal inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi
Rincian teknis
Nilai default: hitam Kembali Nilai: Sebuah String, yang mewakili warna perbatasan sebuah elemen CSS Versi CSS1
Contoh lebih
Contoh
Mengubah warna perbatasan atas dan bawah perbatasan hijau, dan kiri dan kanan untuk ungu, dari <div> elemen:
document.getElementById("myDiv").style.borderColor = "green purple";
Cobalah sendiri "
Contoh
Kembali warna perbatasan dari <div> elemen:
alert(document.getElementById("myDiv").style.borderColor); Cobalah sendiri "
Pages terkait
CSS tutorial: CSS Border
Referensi CSS: border-color property
Referensi HTML DOM: border property
<Style Object