Properti CSS border-bottom-width
Contoh
Tetapkan lebar untuk batas bawah:
div {border-bottom-width: thin;}
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Properti border-bottom-width
menetapkan lebar batas bawah elemen.
Catatan: Selalu deklarasikan properti border-style atau
border-bottom-style sebelum border-bottom-width
properti. Sebuah elemen harus memiliki batas sebelum Anda dapat mengubah lebarnya.
Nilai bawaan: | sedang |
---|---|
Diwarisi: | tidak |
Animasi: | Ya. Baca tentang animasi |
Versi: kapan: | CSS1 |
Sintaks JavaScript: | objek .style.borderBottomWidth="5px" |
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
border-bottom-width | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintaks CSS
border-bottom-width: medium|thin|thick|length|initial|inherit;
Nilai properti
Value | Description | Play it |
---|---|---|
medium | Specifies a medium bottom border. This is default | |
thin | Specifies a thin bottom border | |
thick | Specifies a thick bottom border | |
length | Allows you to define the thickness of the bottom border. Read about length units | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Lebih Banyak Contoh
Contoh
Atur lebar batas bawah menjadi sedang:
div {border-bottom-width: medium;}
Contoh
Atur lebar batas bawah menjadi tebal:
div {border-bottom-width: thick;}
Contoh
Atur lebar batas bawah menjadi 1px:
div {border-bottom-width: 1px;}
Contoh
Atur lebar batas bawah menjadi 15px:
div {border-bottom-width: 15px;}
Halaman Terkait
Tutorial CSS: Perbatasan CSS
Referensi CSS: properti border-bottom
Referensi HTML DOM: properti borderBottomWidth