Contoh
Tambahkan batas bawah ke <div> elemen:
document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF"; Cobalah sendiri " Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
The borderBottom set properti atau kembali hingga tiga sifat border-bottom terpisah, dalam bentuk singkatan.
Dengan properti ini, Anda dapat mengatur / kembali satu atau lebih hal berikut (in any order) :
- border-bottom-width
- border-bottom-style
- border-bottom-warna
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Milik | |||||
|---|---|---|---|---|---|
| borderBottom | 1.0 | 4.0 | 1.0 | 1.0 | 3,5 |
Sintaksis
Kembali properti borderBottom:
object .style.borderBottom
Mengatur properti borderBottom:
object .style.borderBottom=" Nilai properti Parameter Deskripsi width Set lebar batas bawah style Menetapkan gaya perbatasan bawah color Mengatur warna batas bawah initial Set properti ini ke nilai default. Baca tentang awal inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi
Rincian teknis
Nilai default: tidak ditentukan Kembali Nilai: Sebuah String, yang mewakili lebar, gaya dan / atau warna perbatasan bawah elemen CSS Versi CSS1
Contoh lebih
Contoh
Mengubah lebar, gaya dan warna batas bawah dari <div> elemen:
document.getElementById("myDiv").style.borderBottom = "thin dotted red"; Cobalah sendiri "
Contoh
Mengembalikan nilai properti border-bottom dari <div> elemen:
alert(document.getElementById("myDiv").style.borderBottom); Cobalah sendiri "
Pages terkait
CSS tutorial: CSS Border
Referensi CSS: border-bottom property
Referensi HTML DOM: border property
<Style Object