Sifat border-bottom-width CSS

Definisi dan penggunaan

Properti borderBottomWidth mengatur lebar bawah garis elemen.

Hanya berfungsi saat gaya garis bukan none. Jika gaya garis adalah none, lebar garis 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 garisnya setelah mendapatkan garis.

Lihat pula:

Panduan CSS:Kotak luar CSS

Panduan CSS:Properti border-bottom

Panduan HTML DOM:Properti borderBottomWidth

Contoh

Mengatur lebar bawah garis:

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

Coba sendiri

Syarat CSS

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

Nilai properti

Nilai Deskripsi
thin Mendefinisikan garis bawah tipis.
medium Nilai baku. Mendefinisikan garis bawah menengah.
thick Mendefinisikan garis bawah yang tebal.
length Memungkinkan Anda menyesuaikan lebar bawah garis sendiri.
inherit Ditetapkan untuk menerima lebar garis dari elemen induk.

Contoh lainnya

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

Detil teknis

Nilai baku: medium
Inheritsi: no
Versi: CSS1
Syarat JavaScript: object.style.borderBottomWidth="thick"

Dukungan peramban

Angka di tabel menunjukkan versi peramban 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 sebelumnya tidak mendukung nilai "inherit". IE8 memerlukan !DOCTYPE. IE9 mendukung "inherit".