Contoh
Tambahkan "solid" perbatasan atas ke <div> elemen:
document.getElementById("myDiv").style.borderTopStyle = "solid"; Cobalah sendiri " Definisi dan Penggunaan
The borderTopStyle set properti atau mengembalikan gaya perbatasan atas elemen.
Dukungan Browser
Properti borderTopStyle didukung di semua browser utama.
Sintaksis
Kembali properti borderTopStyle:
object .style.borderTopStyle
Mengatur properti borderTopStyle:
object .style.borderTopStyle= value |initial|inherit
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 perbatasan atas sebuah elemen |
| CSS Versi | CSS1 |
Contoh lebih
Contoh
Mengubah gaya perbatasan atas sebuah <div> elemen untuk "dotted" :
document.getElementById("myDiv").style.borderTopStyle = "dotted";
Cobalah sendiri " Contoh
Kembali gaya perbatasan atas sebuah <div> elemen:
alert(document.getElementById("myDiv").style.borderTopStyle); Cobalah sendiri " Contoh
Sebuah demonstrasi dari semua nilai yang berbeda:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderTopStyle = listValue; Cobalah sendiri " Pages terkait
CSS tutorial: CSS Border
Referensi CSS: border-top-style property
Referensi HTML DOM: border property
<Style Object