Properti dengan lebar batas CSS
Contoh
Tetapkan lebar untuk perbatasan:
div {border-width: thin;}
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Properti border-width
menetapkan lebar empat batas elemen. Properti ini dapat memiliki satu hingga empat nilai.
Contoh:
- border-width: tipis sedang tebal 10px;
- batas atas tipis
- batas kanan sedang
- batas bawah tebal
- batas kiri adalah 10px
- lebar batas: tipis sedang tebal;
- batas atas tipis
- batas kanan dan kiri sedang
- batas bawah tebal
- lebar batas: sedang tipis;
- batas atas dan bawah tipis
- batas kanan dan kiri sedang
- lebar batas: tipis;
- keempat perbatasan tipis
Catatan: Selalu deklarasikan properti bergaya perbatasan sebelum border-width
properti. Sebuah elemen harus memiliki batas sebelum Anda dapat mengatur lebarnya.
Nilai bawaan: | sedang |
---|---|
Diwarisi: | tidak |
Animasi: | Ya. Baca tentang animasi |
Versi: kapan: | CSS1 |
Sintaks JavaScript: | objek .style.borderWidth="1px 5px" |
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
border-width | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintaks CSS
border-width: medium|thin|thick|length|initial|inherit;
Nilai properti
Value | Description | Play it |
---|---|---|
medium | Specifies a medium border. This is default | |
thin | Specifies a thin border | |
thick | Specifies a thick border | |
length | Allows you to define the thickness of the 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 menjadi sedang:
div {border-width: medium;}
Contoh
Atur lebar perbatasan menjadi tebal:
div {border-width: thick;}
Contoh
Atur lebar batas menjadi 1px:
div {border-width: 1px;}
Contoh
Atur lebar batas menjadi 15px:
div {border-width: 15px;}
Contoh
Atur lebar batas atas dan bawah menjadi 10px, dan lebar batas kiri dan kanan menjadi 1px:
div {border-width: 10px 1px;}
Halaman Terkait
Tutorial CSS: Perbatasan CSS
Referensi HTML DOM: properti borderWidth