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