Atribut outline gaya

Definisi dan penggunaan

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

Dengan atribut ini, Anda dapat menetapkan/kembalikan satu atau beberapa item berikut (dalam urutan apapun):

Kontur adalah garis yang mengelilingi elemen. Ia ditampilkan di sekeliling marjin elemen. Tetapi, ia 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 Gaya CSS

Panduan CSS：Atribut outline

Contoh

Contoh 1

Tambahkan kontur di sekeliling elemen <div>：

document.getElementById("myDiv").style.outline = "tebal 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

Kembalian nilai atribut outline elemen <div>：

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

Coba sendiri

syarat

Kembalian atribut outline：

objek.style.outline

Tetapkan atribut outline：

objek.style.outline = "lebar gaya warna|initial|inherit"

nilai atribut

nilai penjelasan
lebar Tetapkan lebar kontur.
gaya Tetapkan gaya kontur.
warna Tetapkan warna kontur.
initial Tetapkan atribut ini ke nilai lalai. Lihat initial.
inherit Mewarisi atribut ini dari elemen induknya. Lihat inherit.

detil teknikal

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

kepentingan pereka web

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
disebabkan disebabkan disebabkan disebabkan disebabkan