Contoh
Tambahkan "solid" batas bawah ke <div> elemen:
document.getElementById("myDiv").style.borderBottomStyle = "solid"; Cobalah sendiri " Definisi dan Penggunaan
The borderBottomStyle set properti atau mengembalikan gaya perbatasan bawah elemen.
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Milik | |||||
|---|---|---|---|---|---|
| borderBottomStyle | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
Catatan: Nilai "hidden" tidak didukung di IE7 dan versi sebelumnya. IE9 dan dukungan kemudian "hidden" .
Sintaksis
Kembali properti borderBottomStyle:
object .style.borderBottomStyle
Mengatur properti borderBottomStyle:
object .style.borderBottomStyle= value Nilai properti
| Nilai | Deskripsi |
|---|---|
| none | Mendefinisikan tidak ada perbatasan. Ini adalah default |
| hidden | Sama seperti "none" , kecuali dalam resolusi konflik perbatasan untuk elemen tabel |
| dotted | Mendefinisikan perbatasan bertitik |
| dashed | Mendefinisikan perbatasan putus-putus |
| solid | Mendefinisikan sebuah perbatasan yang solid |
| double | Mendefinisikan dua perbatasan. Lebar dari dua perbatasan adalah sama dengan nilai border-width |
| groove | Mendefinisikan perbatasan berlekuk 3D. Efeknya tergantung pada nilai border-color |
| ridge | Mendefinisikan perbatasan bergerigi 3D. Efeknya tergantung pada nilai border-color |
| inset | Mendefinisikan perbatasan inset 3D. Efeknya tergantung pada nilai border-color |
| outset | Mendefinisikan perbatasan awal 3D. Efeknya tergantung pada nilai border-color |
| initial | Set properti ini ke nilai default. Baca tentang awal |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Rincian teknis
| Nilai default: | tak satupun |
|---|---|
| Kembali Nilai: | Sebuah String, yang mewakili gaya batas bawah sebuah elemen |
| CSS Versi | CSS1 |
Contoh lebih
Contoh
Mengubah gaya perbatasan bawah dari <div> elemen untuk "dotted" :
document.getElementById("myDiv").style.borderBottomStyle = "dotted";
Cobalah sendiri " Contoh
Kembali gaya batas bawah dari <div> elemen:
alert(document.getElementById("myDiv").style.borderBottomStyle); Cobalah sendiri " Contoh
Sebuah demonstrasi dari semua nilai yang berbeda:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue; Cobalah sendiri " Pages terkait
CSS tutorial: CSS Border
Referensi CSS: border-bottom-style property
Referensi HTML DOM: border property
<Style Object