Atribut gaya outlineStyle

Definisi dan penggunaan

outlineStyle Pengaturan atribut untuk mengembalikan gaya garis latar di sekitar elemen.

Garis latar adalah garis yang mengelilingi elemen. Ini ditampilkan di sekitar marjin elemen. Namun, ini berbeda dengan atribut border.

Garis latar bukan bagian dari ukuran elemen, sehingga atribut lebar dan tinggi elemen tidak termasuk lebar garis latar.

另请参阅：

CSS 教程：Garis Silang CSS

Lihat pula:Pelajaran CSS:

Panduan CSS:Atribut outline-style

Panduan HTML DOM:

Atribut outline

Contoh

Contoh 2

document.getElementById("myDiv").style.outlineStyle = listValue;

Contoh 1

Tambahkan kontur berbentuk bulat yang kosong di sekeliling <div> element:

Contoh 2

document.getElementById("myDiv").style.outlineStyle = listValue;

Ubah gaya kontur kontur <div> element:

Contoh 3

Kembalikan gaya kontur kontur <div> element:

document.getElementById("myDiv").style.outlineStyle = listValue;

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

Contoh 4

Pertunjukan untuk nilai yang berbeda:
var listValue = selectTag.options[selectTag.selectedIndex].text;

document.getElementById("myDiv").style.outlineStyle = listValue;

Coba sendiri

Sintaks

Atur atribut outlineStyle：Kembalikan atribut outlineStyle：

.style.outlineStyle

Atur atribut outlineStyle：object .style.outlineStyle =

value

Nilai atribut 值
none 描述
standar. Mendefinikan tanpa kontur. hidden
Kontur ditutup. dotted
Mendefinikan kontur belok berpoin. dashed
Mendefinikan kontur belok berdashes. solid
Mendefinikan kontur belok garis tunggal. double Mendefinikan kontur belok berdua. Lebar garis berdua setara dengan outline-width
nilai. Mendefinikan kontur belok 3D yang terbelok ke dalam. Mendefinikan kontur belok 3D yang terbelok ke dalam. Effek ini tergantung dari outline-color nilai.
ridge Mendefinikan kontur belok 3D yang terbelok ke dalam. Mendefinikan kontur belok 3D yang terbelok ke dalam. Effek ini tergantung dari outline-color nilai.
inset Mendefinikan kontur belok 3D yang terbelok ke dalam. Effek ini tergantung dari outline-color nilai.
outset Mendefinikan kontur belok 3D. Effek ini tergantung dari outline-color nilai.
initial Atur atribut ini ke nilai standarnya. Lihat initial。
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit。

Detil teknis

Nilai standar： none
Nilai kembalian： String yang menggambarkan gaya kontur elemen.
Versi CSS： CSS2

Dukungan browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukung Dukung Dukung Dukung Dukung