Properti CSS outline-lebar
Contoh
Mengatur lebar garis besar:
div {outline-width: thick;}
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Garis besar adalah garis yang digambar di sekitar elemen, di luar batas, untuk membuat elemen "menonjol".
The outline-width
menentukan lebar garis besar.
Catatan: Selalu deklarasikan properti outline-style sebelum
outline-width
properti. Elemen harus memiliki kerangka sebelum Anda mengubah lebarnya.
Nilai bawaan: | sedang |
---|---|
Diwarisi: | tidak |
Animasi: | ya, lihat properti individu . Baca tentang animasi |
Versi: kapan: | CSS2 |
Sintaks JavaScript: | objek .style.outlineWidth="12px" |
Tips dan Catatan
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.
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
outline-width | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Sintaks CSS
outline-width: medium|thin|thick|length|initial|inherit;
Nilai properti
Value | Description | Play it |
---|---|---|
medium | Specifies a medium outline. This is default | |
thin | Specifies a thin outline | |
thick | Specifies a thick outline | |
length | Allows you to define the thickness of the outline. Read about length units | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Lebih Banyak Contoh
Contoh
Atur lebar outline menjadi medium (ini default):
div {outline-width: medium;}
Contoh
Atur lebar garis menjadi tipis:
div {outline-width: thin;}
Contoh
Atur lebar garis luar menjadi 1px:
div {outline-width: 1px;}
Contoh
Atur lebar garis luar menjadi 15px:
div {outline-width: 15px;}
Halaman Terkait
Tutorial CSS: Garis Besar CSS
Referensi CSS: properti garis besar
Referensi HTML DOM: properti outlineWidth