属性 border-bottom CSS

Definisi dan penggunaan

Properti atur border bawah singkat mengatur semua properti border bawah ke dalam satu deklarasi.

Properti dapat disetel berurutan seperti berikut:

Jika salah satu nilai tidak disetel, hal itu tidak akan berdampak, seperti border-bottom:solid #ff0000; juga diperbolehkan.

Lihat juga:

Panduan CSS:Batas CSS

Panduan Referensi HTML DOM:Properti borderBottom

Contoh

Atur gaya border bawah:

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

Coba sendiri

Sintaksis CSS

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

Nilai properti

Nilai Deskripsi
border-bottom-width Ditetapkan lebar border bawah. Lihat:border-bottom-width yang mungkin diisi.
border-bottom-style Ditetapkan gaya border bawah. Lihat:border-bottom-style yang mungkin diisi.
border-bottom-color Ditetapkan warna border bawah. Lihat:border-bottom-color yang mungkin diisi.
inherit Ditetapkan untuk menerima pengaturan properti border bawah dari elemen induk.

Detil teknis

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

Contoh lebih banyak

Semua properti border bawah dalam satu deklarasi
Contoh ini menunjukkan bagaimana untuk mengatur semua properti border bawah dalam satu deklarasi menggunakan properti singkat.

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung properti ini penuh.

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

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