CSS outline-width 属性

Definisi dan penggunaan

Properti outline-width menentukan lebar keseluruhan kontur elemen, hanya berlaku ketika gaya kontur bukan none. Jika gaya adalah none, lebar sebenarnya akan diatur ulang menjadi 0. Tidak diizinkan untuk menetapkan nilai panjang negatif.

Kontur (outline) adalah garis yang disebutkan di sekitar elemen, berada di luar pinggir bingkai, dapat memunculkan elemen. Properti outline mengatur garis kontur di sekitar elemen.

Keterangan:Pastikan selalu mengumumkan properti outline-style sebelum properti outline-width. Elemen hanya dapat mengubah warna kontur setelah mendapatkan kontur.

Keterangan:Garis kontur tidak mengambil ruang, dan tidak pasti segiempat.

Lihat juga:

Panduan Pelajaran CSS:Gelombang CSS

Panduan Referensi CSS:Properti outline

Panduan Referensi HTML DOM:Properti outlineWidth

Contoh

Atur warna kontur berbentuk titik:

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

Coba sendiri

Syarat CSS

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

Nilai properti

Nilai Deskripsi
thin Ditetapkan kontur tipis.
medium Standar. Ditetapkan kontur menengah.
thick Ditetapkan kontur yang tebal.
length Memungkinkan Anda menentukan nilai ketebalan kontur.
inherit Ditetapkan bahwa pengaturan lebar kontur harus diwarisi dari elemen induk.

Detil teknis

Nilai standar: medium
Inheritance: no
Versi: CSS2
Syarat JavaScript: object.style.outlineWidth="thin"

Contoh TIY

Mengatur lebar kontur
Contoh ini menunjukkan bagaimana mengatur lebar kontur.

Dukungan peramban

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

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

Keterangan:Jika ditentukan !DOCTYPE, maka IE8 mendukung properti outline.