Properti Style borderColor

Definisi dan penggunaan

borderColor Properti mengatur atau mengembalikan warna garis batas elemen.

Properti ini dapat mengambil satu hingga empat nilai:

  • Sebuah nilai, seperti: p {border-color: red} - Seluruh empat garis batas adalah merah
  • Dua nilai, seperti: p {border-color: merah transparan} - garis batas atas dan bawah berwarna merah, garis batas kiri dan kanan berwarna transparan
  • Tiga nilai, seperti: p {border-color: merah hijau biru}- garis batas atas berwarna merah, garis batas kiri dan kanan berwarna hijau, garis batas bawah berwarna biru
  • Empat nilai, seperti: p {border-color: merah hijau biru kuning} - garis batas atas berwarna merah, garis batas kanan berwarna hijau, garis batas bawah berwarna biru, garis batas kiri berwarna kuning

Lihat juga:

Panduan CSS:Batas CSS

Panduan CSS:Atribut border-color

Panduan HTML DOM:Atribut border

Contoh

Contoh 1

Ubah warna garis batas empat sisi elemen <div> menjadi merah:

document.getElementById("myDiv").style.borderColor = "merah";

Coba sendiri

Contoh 2

Ubah warna garis batas atas dan bawah elemen <div> menjadi hijau, dan warna garis batas kiri dan kanan menjadi biru:

document.getElementById("myDiv").style.borderColor = "green purple";

Coba sendiri

Contoh 3

Kembalikan warna garis batas elemen <div>:

alert(document.getElementById("myDiv").style.borderColor);

Coba sendiri

Sintaks

Kembalikan atribut borderColor:

objek.style.borderColor

Atur atribut borderColor:

objek.style.borderColor = "warna|transparan|initial|inherit"

Nilai atribut

Nilai Deskripsi
warna

Menentukan warna garis batas. Warna default adalah hitam.

Lihat Nilai warna CSS, untuk mendapatkan daftar lengkap nilai warna yang mungkin.
transparan Warna garis batas transparan (konten bawah akan keluar).
initial Atur atribut ini ke nilai default. Lihat initial.
inherit Mengambil atribut ini dari elemen orangtua. Lihat inherit.

Detil teknis

Nilai default: hitam
Nilai kembalian: String yang menunjukkan warna garis batas elemen.
Versi CSS: CSS1

Dukungan peramban

Tabel angka menunjukkan versi peramban yang sepenuhnya mendukung atribut ini.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5