Gaya borderColor Property
Contoh
Ubah warna keempat batas elemen <div> menjadi merah:
document.getElementById("myDiv").style.borderColor = "red";
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Properti borderColor menetapkan atau mengembalikan warna batas elemen.
Properti ini dapat mengambil dari satu hingga empat nilai:
- Satu nilai, seperti: p {border-color: red} - keempat batas akan berwarna merah
- Dua nilai, seperti: p {border-color: red transparent} - batas atas dan bawah akan berwarna merah, batas kiri dan kanan akan transparan
- Tiga nilai, seperti: p {border-color: merah hijau biru}- batas atas akan berwarna merah, batas kiri dan kanan akan berwarna hijau, batas bawah akan berwarna biru
- Empat nilai, seperti: p {border-color: merah hijau biru kuning} - batas atas berwarna merah, batas kanan berwarna hijau, batas bawah berwarna biru, batas kiri berwarna kuning
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
borderColor | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintaksis
Kembalikan properti borderColor:
object.style.borderColor
Setel properti borderColor:
object.style.borderColor = "color|transparent|initial|inherit"
Nilai properti
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 |
Detail Teknis
Nilai Bawaan: | warna saat ini |
---|---|
Nilai Kembali: | Sebuah String, mewakili warna perbatasan elemen |
Versi CSS | CSS1 |
Lebih Banyak Contoh
Contoh
Ubah warna batas atas dan bawah menjadi hijau, dan batas kiri dan kanan menjadi ungu, dari elemen <div>:
document.getElementById("myDiv").style.borderColor = "green purple";
Contoh
Kembalikan warna batas elemen <div>:
alert(document.getElementById("myDiv").style.borderColor);
Halaman Terkait
Tutorial CSS: Perbatasan CSS
Referensi CSS: properti warna perbatasan
Referensi DOM HTML: properti perbatasan