Atribut border-bottom CSS

Definisi dan penggunaan

Atribut border-bottom singkat menyatukan semua atribut bawah garis ke dalam klaim yang sama.

Atribut dapat disetel berurutan seperti berikut:

Jika salah satu nilai tidak disetel, itu tetap baik, seperti border-bottom:solid #ff0000; adalah yang diizinkan.

Lihat pula:

Panduan CSS:Garis Border CSS

Panduan Referensi HTML DOM:Atribut borderBottom

Contoh

Atur gaya bawah garis:

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

Coba sendiri

Sintaks CSS

border-bottom: border-width border-style border-color|initial|inherit;

Nilai atribut

Nilai Deskripsi
border-bottom-width Ditetapkan lebar bawah garis. Lihat:border-bottom-width dalam kemungkinan nilai.
border-bottom-style Ditetapkan gaya bawah garis. Lihat:border-bottom-style dalam kemungkinan nilai.
border-bottom-color Ditetapkan warna bawah garis. Lihat:border-bottom-color dalam kemungkinan nilai.
inherit Ditetapkan supaya atribut border-bottom diwariskan dari elemen induk.

Detil teknis

Nilai default: tidak disebutkan
Inheritance: tidak
Versi: CSS1
Sintaks JavaScript: object.style.borderBottom="3px solid blue"

Beberapa contoh lain

Seluruh atribut bawah garis dalam klaim yang sama
Contoh ini menunjukkan cara menggunakan atribut singkat untuk mengatur semua atribut bawah garis di dalam klaim yang sama.

Dukungan peramban

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

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

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