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