Properti outline-offset CSS

Definisi dan penggunaan

Properti outline-offset menggeser kontur dan menggambar di luar batas garis.

Kontur berbeda dari garis di dua hal:

  • Kontur tidak mengambil ruang
  • Kontur mungkin bukan segiempat

Lihat pula:

Panduan CSS:Antarmuka pengguna CSS

Panduan Referensi HTML DOM:Properti outlineOffset

Contoh

Tetapkan kontur di luar batas garis 15 pixel:

div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}

Coba sendiri

Sintaksu CSS

outline-offset: length|inherit;

Nilai properti

Nilai Deskripsi
length Jarak dari kontur ke luar batas garis.
inherit Ditetapkan bahwa nilai properti outline-offset harus diwariskan dari elemen induk.

Detil teknis

Nilai default: 0
Inheritance: no
Versi: CSS3
Sintaksu JavaScript: object.style.outlineOffset="15px"

Dukungan browser

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

Chrome IE / Edge Firefox Safari Opera
4.0 15.0 3.5 3.1 10.5