Garis besar CSS Properti
Contoh
Tetapkan kerangka di sekitar elemen <h2> dan elemen <div>:
h2 {
outline: 5px dotted green;
}
div.a {
outline: 2px dashed blue;
}
Definisi dan Penggunaan
Garis besar adalah garis yang digambar di sekitar elemen, di luar batas, untuk membuat elemen "menonjol".
Properti outline
adalah properti singkatan untuk:
- garis-lebar
- gaya garis besar (wajib)
- garis-warna
Jika outline-color dihilangkan, warna yang diterapkan akan menjadi warna teks.
Catatan: Garis besar berbeda dari batas ! Tidak seperti batas, kerangka digambar di luar batas elemen, dan mungkin tumpang tindih dengan konten lain. Juga, garis besar BUKAN merupakan bagian dari dimensi elemen; lebar dan tinggi total elemen tidak terpengaruh oleh lebar kerangka.
Nilai bawaan: | warna terbalik sedang |
---|---|
Diwarisi: | tidak |
Animasi: | ya, lihat properti individu . Baca tentang animasi |
Versi: kapan: | CSS2 |
Sintaks JavaScript: | objek .style.outline="#0000FF bertitik 5px" |
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
outline | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Sintaks CSS
outline: outline-width outline-style outline-color|initial|inherit;
Nilai properti
Value | Description |
---|---|
outline-width | Specifies the width of outline |
outline-style | Specifies the style of the outline |
outline-color | Specifies 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 |
Halaman Terkait
Tutorial CSS: Garis Besar CSS
Referensi DOM HTML: properti garis besar