Properti border-width CSS

Definisi dan penggunaan

Properti singkat border-width menetapkan lebar semua border elemen, atau menetapkan lebar border masing-masing.

Hanya berfungsi ketika gaya border bukan none. Jika gaya border adalah none, lebar border sebenarnya akan diatur ulang menjadi 0. Tidak diizinkan untuk menentukan nilai panjang negatif.

Contoh 1

border-width:thin medium thick 10px;
  • Border atas adalah border tipis
  • Border kanan adalah border menengah
  • Border bawah adalah border tebal
  • Border kiri adalah border 10px lebar

Contoh 2

border-width:thin medium thick;
  • Border atas adalah 10px
  • Border kanan dan kiri adalah border menengah
  • Border bawah adalah border tebal

Contoh 3

border-width:thin medium;
  • Border atas dan bawah adalah border tipis
  • Border kanan dan kiri adalah border menengah

Contoh 4

border-width:thin;
  • Semua empat border adalah border tipis

Contoh

Atur lebar empat border:

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

Coba sendiri

Sintaksu CSS

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

Nilai properti

Nilai Deskripsi
thin Definisi border tipis.
medium Default. Definisi border menengah.
thick Definisi border tebal.
length Memungkinkan Anda menyesuaikan lebar border.
inherit Atur lebar border untuk diwarisi dari elemen induk.

Contoh lainnya

Seluruh properti lebar border di dalam deklarasi yang sama
Contoh ini menunjukkan bagaimana mengatur semua properti lebar border di dalam deklarasi yang sama dengan properti singkat.

Detil teknis

Nilai default: medium
Inheritance: no
Versi: CSS1
Sintaksu JavaScript: object.style.borderWidth="thin thick"

Dukungan browser

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

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

Lihat pula:

Panduan CSS:Garis Border CSS

Referensi DOM HTML:properti borderWidth