Sifat border-bottom-color CSS

Definisi dan penggunaan

border-bottom-color menentukan warna garis batas bawah elemen.

Hanya dapat menentukan warna tunggal, dan garis batas hanya muncul ketika gaya garis batas bukan nilai none atau hidden.

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

Lihat juga:

Panduan Tutorial CSS:Kerangka CSS

Panduan Referensi CSS:Atribut border-bottom

Panduan Referensi HTML DOM:Atribut borderBottomColor

Contoh

Atur warna bawah garis batas:

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

Coba sendiri

Syntaks CSS

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

Nilai atribut

Nilai Deskripsi
color_name Ditetapkan warna garis batas dengan nama warna (contoh: red).
hex_number Ditetapkan warna garis batas dengan nilai heksadesimal (contoh: #ff0000).
rgb_number Ditetapkan warna garis batas dengan kode rgb (contoh: rgb(255,0,0)).
transparent Nilai standar. Warna garis batas adalah transparan.
inherit Ditetapkan bahwa warna garis batas harus diwariskan dari elemen induk.

Detil teknis

Nilai standar: tidak dispecifikasikan
Inheritance: no
Versi: CSS1
Syntaks JavaScript: object.style.borderBottomColor="blue"

Contoh lainnya

Atur warna bawah garis batas
Contoh ini menunjukkan bagaimana cara mengatur warna bawah garis batas.

Dukungan peramban

Angka di tabel menunjukkan versi peramban pertama yang mendukung atribut ini penuh.

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

Keterangan:Peramban Internet Explorer 6 (dan versi yang lebih awal) tidak mendukung nilai atribut "transparent".

Keterangan:Peramban Internet Explorer 7 dan versi yang lebih awal tidak mendukung nilai "inherit". Peramban IE8 memerlukan !DOCTYPE. Peramban IE9 mendukung "inherit".