Atribut 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 deklarasikan atribut border-style sebelum atribut border-color. Elemen harus mendapatkan garis batas sebelum warna diubah.

Lihat pula:

Panduan Pelajaran CSS:Batas 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 adalah transparan.
inherit Ditetapkan agar warna garis batas 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 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". IE8 memerlukan !DOCTYPE. IE9 mendukung "inherit".