tutorial pengembangan web terbaru
 

Style borderLeft Property

<Style Object

Contoh

Tambahkan perbatasan kiri ke <div> elemen:

document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";
Cobalah sendiri "

Definisi dan Penggunaan

The borderLeft set properti atau kembali hingga tiga sifat perbatasan-kiri yang terpisah, dalam bentuk singkatan.

Dengan properti ini, Anda dapat mengatur / kembali satu atau lebih hal berikut (in any order) :

  • perbatasan-kiri-lebar
  • perbatasan-kiri-gaya
  • perbatasan-kiri-warna

Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Properti borderLeft didukung di semua browser utama.


Sintaksis

Kembali properti borderLeft:

object .style.borderLeft

Mengatur properti borderLeft:

object .style.borderLeft=" Nilai properti
Parameter Deskripsi
width Set lebar batas kiri
style Menetapkan gaya perbatasan kiri
color Mengatur warna batas kiri
initial Set properti ini ke nilai default. Baca tentang awal
inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi

Rincian teknis

Nilai default: tidak ditentukan
Kembali Nilai: Sebuah String, yang mewakili lebar, gaya dan / atau warna perbatasan kiri elemen
CSS Versi CSS1

Contoh lebih

Contoh

Mengubah lebar, gaya dan warna perbatasan kiri dari <div> elemen:

document.getElementById("myDiv").style.borderLeft = "thin dotted red";
Cobalah sendiri "

Contoh

Mengembalikan nilai properti border-kiri dari <div> elemen:

alert(document.getElementById("myDiv").style.borderLeft);
Cobalah sendiri "

Pages terkait

CSS tutorial: CSS Border

Referensi CSS: border-left property

Referensi HTML DOM: border property


<Style Object