CSS border-width 属性

Definisi dan penggunaan

Sifat singkat border-width menetapkan lebar semua sempadan elemen, atau secara terpisah untuk setiap sempadan sempadan.

Hanya berfungsi jika gaya sempadan bukan none. Jika gaya sempadan adalah none, lebar sempadan sebenarnya akan direset ke 0. Tidak diizinkan untuk menentukan nilai panjang negatif.

Contoh 1

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

Contoh 2

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

Contoh 3

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

Contoh 4

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

Contoh

Tetapkan lebar empat sempadan:

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

Coba sendiri

Syarat CSS

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

Nilai sifat

Nilai Penerangan
Mendefinikan sempadan tipis. thin
medium Lalai. Mendefinikan sempadan menengah.
thick Mendefinikan sempadan tebal.
length Memungkinkan anda untuk menyesuaikan lebar sempadan sempadan.
inherit Tentukan bahawa lebar sempadan seharusnya diwarisi daripada elemen bapa.

Contoh lain

Semua sifat lebar sempadan dalam satu pernyataan
Contoh ini menunjukkan bagaimana untuk menetapkan semua sifat lebar sempadan dalam pernyataan yang sama dengan properti singkat.

Detil teknikal

Nilai lalai: medium
Inheren: no
Versi: CSS1
Syarat JavaScript: object.style.borderWidth="thin thick"

Dukungan pereksa

Angka di dalam tabel menunjukkan versi pereksa pertama yang mendukung sifat ini sepenuhnya.

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

Lihat juga:

Panduan CSS:Kerangka CSS

Panduan DOM HTML:sifat borderWidth