Atribut Style Outline

Definisi dan penggunaan

outline Atribut untuk mengatur atau kembalikan semua atribut kontur dalam bentuk singkat.

Dengan atribut ini, Anda dapat mengatur/kembalikan salah satu atau beberapa dari berikut ini (dalam urutan apapun):

Kontur adalah garis yang mengelilingi elemen. Itu ditampilkan di sekitar marjin elemen. Namun, itu berbeda dengan Atribut border berbeda.

Kontur bukan bagian dari ukuran elemen, jadi atribut lebar dan tinggi elemen tidak termasuk lebar kontur.

Lihat juga：

Panduan CSS：Garis Gantian CSS

Panduan CSS：Atribut outline

Contoh

Contoh 1

Tambahkan kontur di sekeliling elemen <div>：

document.getElementById("myDiv").style.outline = "thick solid #0000FF";

Coba sendiri

Contoh 2

Ubah lebar, gaya dan warna kontur elemen <div>：

document.getElementById("myDiv").style.outline = "5px dotted green";

Coba sendiri

Contoh 3

Kembalikan nilai atribut outline elemen <div>：

alert(document.getElementById("myDiv").style.outline);

Coba sendiri

Sintaks

Kembalikan atribut outline：

object.style.outline

Atur atribut outline：

object.style.outline = "width style color|initial|inherit"

Nilai atribut

Nilai Deskripsi
width Atur lebar kontur.
style Atur gaya kontur.
color Atur warna kontur.
initial Atur atribut ini ke nilai standarnya. Lihat initial。
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit。

detil teknis

Nilai standar： medium none invert
Nilai kembalian： string yang menyatakan lebar, gaya dan/atau warna kontur elemen.
Versi CSS： CSS2

dukungan browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
dukungan dukungan dukungan dukungan dukungan