Atribut outline-width CSS

Definisi dan penggunaan

Atribut outline-width mengatur lebar keseluruhan garis latar belakang elemen, hanya akan berfungsi saat gaya outline bukan none. Jika gaya adalah none, lebar sebenarnya akan diatur ulang menjadi 0. Tidak diizinkan untuk menetapkan nilai panjang negatif.

Outline (garis latar belakang) adalah garis yang disisipkan di sekitar elemen, berada di luar边缘 dari garis bingkai, dan dapat berfungsi untuk menonjolkan elemen. Atribut outline mengatur garis latar belakang sekitar elemen.

Keterangan:Selalu deklarasikan atribut outline-style sebelum outline-width atribut. Elemen hanya dapat mengubah warna garis latar belakang setelah mendapatkan outline.

Keterangan:Garis latar belakang tidak mengambil ruang, dan tidak pasti berbentuk segi empat.

Lihat juga:

Panduan Tutorial CSS:Garis luar CSS

Panduan Referensi CSS:Atribut outline

Panduan Referensi HTML DOM:Atribut outlineWidth

Contoh

Atur warna garis latar belakang yang berbintang:

p
  {
  outline-style:dotted;
  outline-width:5px;
  }

Coba sendiri

Syntaks CSS

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

Nilai atribut

Nilai Deskripsi
thin Diatur untuk garis latar belakang tipis.
medium Default. Diatur untuk garis latar belakang menengah.
thick Diatur untuk garis latar belakang yang tebal.
length Memungkinkan Anda menentukan nilai tebal garis latar belakang.
inherit Diatur untuk menerima pengaturan lebar garis latar belakang dari elemen induk.

Detil teknis

Nilai default: medium
Inheritance: no
Versi: CSS2
Syntaks JavaScript: object.style.outlineWidth="thin"

Contoh TIY

Mengatur lebar garis latar belakang
Contoh ini menunjukkan bagaimana mengatur lebar garis latar belakang.

Dukungan browser

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

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.5 1.2 7.0

Keterangan:Jika diatur !DOCTYPE, maka IE8 mendukung atribut outline.