Sifat border-bottom-color CSS

Definisi dan penggunaan

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

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

Keterangan:Pastikan deklarasikan atribut border-style sebelum atribut border-color. Elemen harus mendapatkan garis batas sebelum mengubah warna.

Lihat juga:

Panduan Pelajaran CSS:Bingkai 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 default. Warna garis batas transparen.
inherit Ditetapkan bahwa warna garis batas harus diwariskan dari elemen induk.

Detil teknis

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

Contoh lainnya

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

Dukungan peramban

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

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".