Atribut border CSS

Definisi dan penggunaan

Atribut singkat border menetapkan semua atribut bingkai di dalam satu deklarasi.

Atribut dapat disetel berurutan seperti berikut:

Jika salah satu nilai tidak disetel, hal itu tidak akan berdampak, seperti border:solid #ff0000; juga diperbolehkan.

Lihat juga:

Panduan CSS:Batas CSS

Panduan Referensi HTML DOM:Atribut border

Contoh

Atur gaya bingkai empat bagian:

p
  {
  border:5px solid red;
  }

Coba sendiri

Sintaks CSS

border: border-width border-style border-color|initial|inherit;

Nilai atribut

Nilai Deskripsi
border-width Menentukan lebar bingkai. Lihat:border-width Nilai yang mungkin diantara
border-style Menentukan gaya bingkai. Lihat:border-style Nilai yang mungkin diantara
border-color Menentukan warna bingkai. Lihat:border-color Nilai yang mungkin diantara
inherit Disyaratkan untuk mengambil pengaturan atribut bingkai dari elemen induk.

Detil teknis

Nilai standar: tidak disebutkan
Inheritsi: no
Versi: CSS1
Sintaks JavaScript: object.style.border="3px solid blue"

Beberapa contoh lain

Seluruh atribut bingkai di dalam satu deklarasi
Contoh ini menunjukkan bagaimana menggunakan atribut singkat untuk menetapkan seluruh empat atribut bingkai di dalam satu deklarasi.

Dukungan browser

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

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