Atribut border-bottom-width CSS

Definisi dan Penggunaan

Atribut borderBottom-width menatur lebar bawah garis elemen.

Hanya berfungsi saat gaya garis bukan none. Jika gaya garis adalah none, lebar garis sebenarnya akan diatur kembali menjadi 0. Tidak diizinkan untuk menentukan nilai panjang negatif.

Keterangan:Selalu deklarasikan atribut border-style sebelum border-bottom-width atribut. Elemen hanya dapat mengubah lebar garis setelah mendapatkan garis.

Lihat Juga:

Panduan CSS:Batas CSS

Panduan CSS:Atribut borderBottom

Panduan HTML DOM:Atribut borderBottomWidth

Contoh

Atur lebar bawah garis:

p
  {
  border-style:solid;
  border-bottom-width:15px;
  }

Coba Sendiri

Sintaksu CSS

border-bottom-width: medium|thin|thick|length|initial|inherit;

Nilai Atribut

Nilai Deskripsi
thin Definisi garis bawah yang tipis.
medium Nilai Default. Definisi garis bawah menengah.
thick Definisi garis bawah yang tebal.
length Memungkinkan Anda menyesuaikan lebar bawah garis sendiri.
inherit Tentukan bahwa lebar garis harus diwariskan dari elemen induk.

Contoh Lebih Banyak

Atur lebar bawah garis
Contoh ini menunjukkan bagaimana mengatur lebar bawah garis.

Detil Teknik

Nilai Default: medium
Inheritsi: no
Versi: CSS1
Sintaksu JavaScript: object.style.borderBottomWidth="thick"

Dukungan browser

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

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