Atribut outline CSS

Definisi dan penggunaan

Garis kontur (轮廓) adalah garis yang digambarkan di sekitar elemen, yang berada di luar边缘 dari garis bingkai, dan dapat berperan untuk menonjolkan elemen.

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

Atribut singkat outline mengatur semua atribut轮廓 dalam satu deklarasi.

Dapat diatur berurutan seperti berikut:

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

Lihat pula:

Panduan CSS:Garis kontur 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-garis-kontur|initial|inherit;

Nilai atribut

Nilai Deskripsi
warna-garis-kontur Ditetapkan warna garis.warna-garis-kontur 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 default: invert none medium
Inheritsi: no
Versi: CSS2
Sintaksu JavaScript: object.style.outline="#0000FF dotted thin"

Contoh TIY

Gambarkan garis di sekitar elemen
Contoh ini menunjukkan bagaimana menggambarkan garis di sekitar elemen menggunakan atribut outline.

Dukungan peramban

Angka di tabel menunjukkan versi peramban 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.