Contoh
Mengubah lebar dari empat perbatasan dari <div> elemen:
document.getElementById("myDiv").style.borderWidth = "thick"; Cobalah sendiri " Definisi dan Penggunaan
The BorderWidth set properti atau mengembalikan lebar perbatasan elemen ini.
Properti ini dapat berlangsung dari satu sampai empat nilai:
- Satu nilai, seperti: p {border-width: tebal} - semua empat perbatasan akan kental
- Dua nilai, seperti: p {border-width: tebal tipis} - perbatasan atas dan bawah akan tebal, kiri dan batas kanan akan tipis
- Tiga nilai, seperti: p {border-width: tebal menengah tipis} - perbatasan atas akan tebal, kiri dan batas kanan akan tipis, batas bawah akan menjadi media
- Empat nilai, seperti: p {border-width: tebal menengah tipis 10px} - perbatasan atas akan tebal, batas kanan akan tipis, batas bawah akan menengah, batas kiri akan 10px
Dukungan Browser
Properti BorderWidth didukung di semua browser utama.
Sintaksis
Kembali properti BorderWidth:
object .style.borderWidth
Mengatur properti BorderWidth:
object .style.borderWidth="thin|medium|thick| Nilai properti Nilai Deskripsi thin Mendefinisikan sebuah perbatasan tipis medium Mendefinisikan perbatasan media. Ini adalah default thick Mendefinisikan sebuah perbatasan tebal length Lebar perbatasan di unit panjang initial Set properti ini ke nilai default. Baca tentang awal inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi
Rincian teknis
Nilai default: medium Kembali Nilai: Sebuah String, yang mewakili lebar perbatasan sebuah elemen CSS Versi CSS1
Contoh lebih
Contoh
Mengubah lebar perbatasan atas dan bawah untuk tebal, dan perbatasan kiri dan kanan untuk tipis dari <div> elemen:
document.getElementById("myDiv").style.borderWidth = "thick thin";
Cobalah sendiri "
Contoh
Mengubah lebar dari empat perbatasan dari <div> elemen, menggunakan nilai panjang:
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px
20px";
Cobalah sendiri "
Contoh
Kembali lebar perbatasan dari <div> elemen:
alert(document.getElementById("myDiv").style.borderWidth);
Cobalah sendiri "
Pages terkait
CSS tutorial: CSS Border
Referensi CSS: border-width property
Referensi HTML DOM: border property
<Style Object