Gaya BorderWidth Properti
Contoh
Ubah lebar empat batas elemen <div>:
document.getElementById("myDiv").style.borderWidth = "thick";
Definisi dan Penggunaan
Properti borderWidth menetapkan atau mengembalikan lebar batas elemen.
Properti ini dapat mengambil dari satu hingga empat nilai:
- Satu nilai, seperti: p {border-width: tebal} - keempat batas akan menjadi tebal
- Dua nilai, seperti: p {border-width: tebal tipis} - batas atas dan bawah akan tebal, batas kiri dan kanan akan tipis
- Tiga nilai, seperti: p {border-width: tebal tipis sedang}- batas atas akan tebal, batas kiri dan kanan akan tipis, batas bawah akan menjadi sedang
- Empat nilai, seperti: p {border-width: tebal tipis sedang 10px} - batas atas akan tebal, batas kanan akan tipis, batas bawah akan menjadi sedang, batas kiri akan menjadi 10px
Dukungan Peramban
Property | |||||
---|---|---|---|---|---|
borderWidth | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Kembalikan properti borderWidth:
object.style.borderWidth
Setel properti borderWidth:
object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
Nilai properti
Value | Description |
---|---|
thin | Defines a thin border |
medium | Defines a medium border. This is default |
thick | Defines a thick border |
length | The width of the border in length units |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detail Teknis
Nilai Bawaan: | sedang |
---|---|
Nilai Kembali: | Sebuah String, mewakili lebar perbatasan elemen |
Versi CSS | CSS1 |
Lebih Banyak Contoh
Contoh
Ubah lebar batas atas dan bawah menjadi tebal, dan batas kiri dan kanan menjadi tipis dari elemen <div>:
document.getElementById("myDiv").style.borderWidth = "thick thin";
Contoh
Ubah lebar empat batas elemen <div>, menggunakan nilai panjang :
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";
Contoh
Kembalikan lebar batas elemen <div>:
alert(document.getElementById("myDiv").style.borderWidth);
Halaman Terkait
Tutorial CSS: Perbatasan CSS
Referensi CSS: properti lebar batas
Referensi DOM HTML: properti perbatasan
Objek Gaya