Properti border-left-width CSS

Definisi dan penggunaan

Properti border-left-width menentukan lebar bingkai kiri elemen.

Hanya bekerja saat gaya bingkai bukan none. Jika gaya bingkai adalah none, lebar bingkai sebenarnya akan direset menjadi 0. Tidak diizinkan untuk menentukan nilai panjang negatif.

Keterangan:Harap selalu mengumumkan properti border-style sebelum properti border-left-width. Elemen hanya dapat mengubah lebar bingkai setelah mendapatkan bingkai. Tidak diizinkan untuk menentukan nilai panjang negatif.

Lihat pula:

Tutoriel:Batas CSS

Referensi:Properti border-left CSS

Referensi:Properti borderLeftWidth DOM HTML

Contoh

Mengatur lebar garis kiri:

p
  {
  border-style:solid;
  border-left-width:15px;
  }

Coba sendiri

Syarat CSS

border-left-width: medium|thin|thick|length|initial|inherit;

Nilai properti

Nilai Deskripsi
thin Tentukan garis kiri tipis.
medium Nilai standar. Tentukan garis kiri menengah.
thick Tentukan garis kiri yang tebal.
length Memungkinkan Anda menyesuaikan lebar garis kiri sendiri.
inherit Tentukan bahwa lebar garis bingkai harus diwarisi dari elemen induk.

Detil teknis

Nilai standar: medium
Inheritsi: no
Versi: CSS1
Syarat JavaScript: object.style.borderLeftWidth="thick"

Contoh lebih banyak

Mengatur lebar garis kiri
Contoh ini menunjukkan bagaimana mengatur lebar garis kiri.

Dukungan peramban

Angka di tabel menunjukkan versi peramban pertama yang mendukung properti ini penuh.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Keterangan:Peramban IE7 dan versi yang lebih awal tidak mendukung nilai "inherit". IE8 memerlukan !DOCTYPE. IE9 mendukung "inherit".