Garis besar gaya Properti
Contoh
Tambahkan garis besar di sekitar elemen <div>:
document.getElementById("myDiv").style.outline = "thick solid #0000FF";
Definisi dan Penggunaan
Properti kerangka mengatur atau mengembalikan semua properti kerangka, dalam bentuk singkatan.
Dengan properti ini, Anda dapat mengatur/mengembalikan satu atau beberapa hal berikut (dalam urutan apa pun):
- garis-lebar
- gaya garis besar
- garis-warna
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 | |||||
---|---|---|---|---|---|
outline | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Kembalikan properti outline:
object.style.outline
Setel properti outline:
object.style.outline = "width style color|initial|inherit"
Nilai properti
Parameter | Description |
---|---|
width | Sets the width of the outline |
style | Sets the style of the outline |
color | Sets the color of the outline |
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: | sedang tidak ada yang terbalik |
---|---|
Nilai Kembali: | Sebuah String, mewakili lebar garis, gaya dan/atau warna elemen |
Versi CSS | CSS2 |
Lebih Banyak Contoh
Contoh
Ubah lebar, gaya, dan warna kerangka elemen <div>:
document.getElementById("myDiv").style.outline = "5px dotted green";
Contoh
Kembalikan nilai properti outline dari elemen <div>:
alert(document.getElementById("myDiv").style.outline);
Halaman Terkait
Tutorial CSS: Garis Besar CSS
Referensi CSS: properti garis besar
Objek Gaya