Atribut border-bottom-color CSS

Definisi dan penggunaan

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

Hanya dapat didefinisikan 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

Sintaks CSS

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

Nilai atribut

Nilai Deskripsi
color_name Ditetapkan warna garis batas adalah nama warna (seperti red).
hex_number Ditetapkan warna garis batas adalah nilai heksadesimal (seperti #ff0000).
rgb_number Ditetapkan warna garis batas adalah kode rgb (seperti rgb(255,0,0)).
transparent Nilai default. Warna garis batas transparen.
inherit Ditetapkan bahwa warna garis batas seharusnya diwariskan dari elemen induk.

Detil teknis

Nilai default: tidak disebutkan
Inheritsi: no
Versi: CSS1
Sintaks 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". Peramban IE8 memerlukan !DOCTYPE. Peramban IE9 mendukung "inherit".