Atribut Style borderLeft
- Halaman Sebelumnya borderImageWidth
- Halaman Berikutnya borderLeftColor
- Kembali ke Tengah Objek Style HTML DOM
Definisi dan Penggunaan
borderLeft
Atribut ditata dalam bentuk singkat untuk mengatur atau kembalikan hingga tiga atribut garis kiri terpisah.
Dengan atribut ini, Anda dapat mengatur/kembalikan salah satu atau beberapa dari berikut ini (dalam urutan apapun):
Juga lihat:
Panduan CSS:Batas CSS
Panduan CSS:Atribut border-left
Panduan HTML DOM:Atribut border
Contoh
Contoh 1
Tambahkan garis kiri elemen <div>:
document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";
Contoh 2
Ubah lebar, gaya dan warna garis kiri elemen <div>:
document.getElementById("myDiv").style.borderLeft = "thin dotted red";
Contoh 3
Kembalikan nilai atribut border-left elemen <div>:
alert(document.getElementById("myDiv").style.borderLeft);
Sintaks
Kembalikan atribut borderLeft:
object.style.borderLeft
Atur atribut borderLeft:
object.style.borderLeft = "width style color|initial|inherit"
Nilai Atribut
Nilai | Deskripsi |
---|---|
width | Atur lebar garis kiri. |
style | Atur gaya garis kiri. |
color | Atur warna garis kiri. |
initial。 | Atur atribut ini ke nilai default. Lihat initial。 |
inherit | Mengambil atribut ini dari elemen orangtua. Lihat inherit。 |
Detil Teknologi
Nilai Default: | Tidak disebutkan |
---|---|
Nilai Kembalian: | String yang menunjukkan lebar, gaya dan/atau warna garis kiri elemen. |
Versi CSS: | CSS1 |
Dukungan Peramban
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Dukungan | Dukungan | Dukungan | Dukungan | Dukungan |
- Halaman Sebelumnya borderImageWidth
- Halaman Berikutnya borderLeftColor
- Kembali ke Tengah Objek Style HTML DOM