Batas gaya , Properti Kiri
Contoh
Tambahkan batas kiri ke elemen <div>:
document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";
Definisi dan Penggunaan
Properti borderLeft menyetel atau mengembalikan hingga tiga properti kiri-batas yang terpisah, dalam bentuk singkatan.
Dengan properti ini, Anda dapat mengatur/mengembalikan satu atau beberapa hal berikut (dalam urutan apa pun):
- batas-kiri-lebar
- gaya perbatasan-kiri
- batas-kiri-warna
Dukungan Peramban
Properti borderLeft didukung di semua browser utama.
Sintaksis
Kembalikan properti borderLeft:
object.style.borderLeft
Setel properti borderLeft:
object.style.borderLeft = "width style color|initial|inherit"
Nilai properti
Parameter | Description |
---|---|
width | Sets the width of the left border |
style | Sets the style of the left border |
color | Sets the color of the left border |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detail Teknis
Nilai Bawaan: | tidak ditentukan |
---|---|
Nilai Kembali: | String, mewakili lebar, gaya, dan/atau warna batas kiri elemen |
Versi CSS | CSS1 |
Lebih Banyak Contoh
Contoh
Ubah lebar, gaya, dan warna batas kiri elemen <div>:
document.getElementById("myDiv").style.borderLeft = "thin dotted red";
Contoh
Kembalikan nilai properti batas kiri dari elemen <div>:
alert(document.getElementById("myDiv").style.borderLeft);
Halaman Terkait
Tutorial CSS: Perbatasan CSS
Referensi CSS: properti border-left
Referensi DOM HTML: properti perbatasan