Garis besar gayaProperti Gaya
Contoh
Tambahkan garis "padat" di sekitar elemen <div>:
document.getElementById("myDiv").style.outlineStyle = "solid";
Definisi dan Penggunaan
Properti outlineStyle menetapkan atau mengembalikan gaya kerangka di sekitar elemen.
Garis adalah garis di sekitar elemen. Ini ditampilkan di sekitar margin elemen. Namun, berbeda dengan properti perbatasan.
Outline bukan merupakan bagian dari dimensi elemen, oleh karena itu properti width dan height elemen tidak memuat lebar outline.
Dukungan Peramban
Property | |||||
---|---|---|---|---|---|
outlineStyle | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Kembalikan properti outlineStyle:
object.style.outlineStyle
Setel properti outlineStyle:
object.style.outlineStyle = value
Nilai properti
Value | Description |
---|---|
none | Defines no outline. This is default |
hidden | The outline is turned off |
dotted | Defines a dotted outline |
dashed | Defines a dashed outline |
solid | Defines a solid outline |
double | Defines a double outline |
groove | Defines a 3D grooved outline. The effect depends on the outline-color value |
ridge | Defines a 3D ridged outline. The effect depends on the outline-color value |
inset | Defines a 3D inset outline. The effect depends on the outline-color value |
outset | Defines a 3D outset outline. The effect depends on the outline-color value |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detail Teknis
Nilai Bawaan: | tidak ada |
---|---|
Nilai Kembali: | Sebuah String, mewakili gaya garis besar elemen |
Versi CSS | CSS2 |
Lebih Banyak Contoh
Contoh
Ubah gaya kerangka elemen <div>:
document.getElementById("myDiv").style.outlineStyle = "solid";
Contoh
Kembalikan gaya kerangka elemen <div>:
alert(document.getElementById("myDiv").style.outlineStyle);
Contoh
Sebuah demonstrasi dari semua nilai yang berbeda:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;
Halaman Terkait
Tutorial CSS: Garis Besar CSS
Referensi CSS: properti gaya garis besar
Referensi DOM HTML: properti garis besar
Objek Gaya