Contoh
Tambahkan "solid" garis sekitar <div> elemen:
document.getElementById("myDiv").style.outlineStyle = "solid"; Cobalah sendiri " Definisi dan Penggunaan
The outlineStyle set properti atau mengembalikan gaya garis di sekitar elemen.
Garis adalah garis di sekitar elemen. Hal ini ditampilkan di sekitar margin dari elemen. Namun, berbeda dengan properti perbatasan.
garis besar bukan merupakan bagian dari dimensi elemen, oleh karena itu lebar dan tinggi sifat elemen tidak mengandung lebar garis besar.
Dukungan Browser
Properti outlineStyle didukung di semua browser utama.
Note: Properti outlineStyle tidak didukung di IE7 dan sebelumnya. IE8 membutuhkan DOCTYPE!. IE9 dan kemudian mendukungnya.
Sintaksis
Kembali properti outlineStyle:
object .style.outlineStyle
Mengatur properti outlineStyle:
object .style.outlineStyle= value Nilai properti
| Nilai | Deskripsi |
|---|---|
| none | Mendefinisikan tidak ada garis. Ini adalah default |
| hidden | garis dimatikan |
| dotted | Mendefinisikan garis putus-putus |
| dashed | Mendefinisikan garis putus-putus |
| solid | Mendefinisikan sebuah garis yang solid |
| double | Mendefinisikan garis ganda |
| groove | Mendefinisikan beralur garis 3D. Efeknya tergantung pada nilai garis warna |
| ridge | Mendefinisikan garis bergerigi 3D. Efeknya tergantung pada nilai garis warna |
| inset | Mendefinisikan garis besar inset 3D. Efeknya tergantung pada nilai garis warna |
| outset | Mendefinisikan garis awal 3D. Efeknya tergantung pada nilai garis warna |
| initial | Set properti ini ke nilai default. Baca tentang awal |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Rincian teknis
| Nilai default: | tak satupun |
|---|---|
| Kembali Nilai: | Sebuah String, yang mewakili gaya garis elemen ini |
| CSS Versi | CSS2 |
Contoh lebih
Contoh
Mengubah gaya garis besar <div> elemen:
document.getElementById("myDiv").style.outlineStyle = "solid";
Cobalah sendiri " Contoh
Kembali gaya garis besar <div> elemen:
alert(document.getElementById("myDiv").style.outlineStyle); Cobalah sendiri " Contoh
Sebuah demonstrasi dari semua nilai yang berbeda:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue; Cobalah sendiri " Pages terkait
CSS tutorial: CSS Outline
Referensi CSS: outline-style property
Referensi HTML DOM: outline property
<Style Object