属性 border-bottom-width CSS

Definisi dan Penggunaan

Properti borderBottomWidth mengatur lebar garis bawah bawah elemen.

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

Keterangan:Pastikan selalu mengumumkan properti border-style sebelum properti border-bottom-width. Elemen hanya dapat mengubah lebar garis bawah setelah mendapatkan garis bawah.

Lihat juga:

Panduan CSS:Batas CSS

Panduan CSS:Properti border-bottom

Panduan HTML DOM:Properti borderBottomWidth

Contoh

Mengatur lebar bawah garis bawah:

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

Coba sendiri

Grammar CSS

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

Nilai Properti

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

Beberapa contoh lain

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

Detil Teknologi

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

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:Pemula Internet Explorer 7 dan versi yang lebih awal tidak mendukung nilai "inherit". IE8 memerlukan !DOCTYPE. IE9 mendukung "inherit".