Sifat outline CSS

Definisi dan penggunaan

Kontur (outline) adalah garis yang digambarkan di sekeliling elemen, berada di luar luar pinggir bingkai, dan dapat memunculkan elemen.

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

Atribut singkat outline mengatur semua atribut kontur dalam satu deklarasi.

Dapat diatur berurutan seperti berikut ini:

Jika salah satu nilai tidak diatur, hal itu tidak akan masalah, seperti outline:solid #ff0000; juga diizinkan.

Lihat juga:

Panduan CSS:Kerangka CSS

Panduan referensi HTML DOM:Atribut outline

Contoh

Atur gaya 4 sisi:

p
  {
  outline:#00FF00 dotted thick;
  }

Coba sendiri

Sintaksu CSS

outline: outline-width outline-style warna-kerangka|initial|inherit;

Nilai atribut

Nilai Deskripsi
warna-kerangka Ditetapkan warna garis.warna-kerangka nilai yang mungkin di dalamnya.
outline-style Ditetapkan gaya garis.outline-style nilai yang mungkin di dalamnya.
outline-width Ditetapkan lebar garis.outline-width nilai yang mungkin di dalamnya.
inherit Ditetapkan bahwa pengaturan atribut outline harus diwariskan dari elemen induk.

Detil teknis

Nilai baku: invert none medium
Inheritsi: no
Versi: CSS2
Sintaksu JavaScript: object.style.outline="#0000FF dotted thin"

Contoh TIY

Menggambar garis di sekeliling elemen
Contoh ini menunjukkan bagaimana menggambarkan garis di sekeliling elemen menggunakan atribut outline.

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 ditentukan !DOCTYPE, maka IE8 mendukung atribut outline.