Sifat border-color CSS

definisi dan penggunaan

sifat border-color menetapkan warna empat garis bingkai. Sifat ini dapat menetapkan 1 hingga 4 jenis warna.

sifat border-color adalah sifat singkat yang dapat menetapkan warna bagian yang terlihat dari seluruh garis bingkai elemen, atau menetapkan warna yang berbeda untuk 4 garis. Lihat contoh di bawah ini:

contoh 1

border-color:red green blue pink;
  • Garisan atas adalah merah
  • batang kanan adalah hijau
  • Garisan bawah adalah biru
  • Garisan kiri adalah merah jambu

Contoh 2

border-color:red green blue;
  • Garisan atas adalah merah
  • Garisan kanan dan kiri adalah hijau
  • Garisan bawah adalah biru

Contoh 3

border-color:dotted red green;
  • Garisan atas dan bawah adalah merah
  • Garisan kanan dan kiri adalah hijau

Contoh 4

border-color:red;
  • Empat garisan semua merah

Ingatlah, gaya garisan tidak boleh adalah none atau hidden, atau garisan tidak akan muncul.

Keterangan:Selalu tampilkan atribut border-style sebelum border-color. Elemen harus mendapatkan garisan sebelum warna diubah.

Lihat pula:

Panduan CSS:Kerangka CSS

Panduan Referensi HTML DOM:Atribut borderColor

Contoh

Atur warna empat garisan:

p
  {
  border-style:solid;
  border-color:#ff0000 #0000ff;
  }

Coba sendiri

Sintaksu CSS

border-color: color|transparent|initial|inherit;

Nilai atribut

Nilai Deskripsi
color_name Ditetapkan warna garisan dengan nama warna (seperti red).
hex_number Ditetapkan warna garisan dengan nilai heksadesimal (seperti #ff0000).
rgb_number Ditetapkan warna garisan dengan kode rgb (seperti rgb(255,0,0)).
transparent Nilai baku. Warna garisan adalah transparan.
inherit Ditetapkan agar warna garisan diwarisi dari elemen induk.

Detil teknis

Nilai baku: tidak dispecifikasikan
Keteraturan warisan: no
Versi: CSS1
Sintaksu JavaScript: object.style.borderColor="#FF0000 blue"

Contoh lebih banyak

Atur warna empat garisan
Contoh ini menunjukkan bagaimana mengatur warna empat garisan. Dapat diatur warna satu hingga empat.

Dukungan pelayar

Angka di tabel mengindikasikan versi pelayar pertama yang mendukung atribut ini penuh.

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

Keterangan:Internet Explorer 6 (dan versi sebelumnya) tidak mendukung nilai atribut "transparent".

Keterangan:Pereka pelayar Internet Explorer 7 dan versi sebelumnya tidak mendukung nilai "inherit". Internet Explorer 8 memerlukan !DOCTYPE. Internet Explorer 9 mendukung "inherit".