Tutorial Properti CSS outline-style Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari contoh,Definisi atribut dan petunjuk,Dukungan Browser,Tips dan Catatan,Nilai properti,contoh yang lebih,Artikel terkait,
Mengatur gaya garis besar:
outline (kontur) diplot pada garis elemen sekitarnya, terletak tepat di luar tepi perbatasan.
Properti outline-style menentukan gaya garis.
default: | tak satupun |
---|---|
warisan: | tidak |
versi: | CSS2 |
sintaks JavaScript: | keberatan .style.outlineStyle = "putus-putus" |
Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.
属性 | |||||
---|---|---|---|---|---|
outline-style | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
menguraikan sekitar elemen. Hal ini melapisi seluruh elemen. Namun, berbeda dengan properti perbatasan.
Bagian dari garis besar bukan merupakan ukuran elemen, dan karena itu lebar dan tinggi atribut dari elemen tidak termasuk lebar profil.
nilai | deskripsi |
---|---|
tak satupun | Default. Tidak didefinisikan garis. |
burik | definisi kontur putus-putus. |
putus-putus | Mendefinisikan garis putus-putus. |
padat | Didefinisikan garis padat. |
dua kali lipat | Didefinisikan kontur ganda. Nilai garis-lebar jalur lebar setara dengan. |
alur | Mendefinisikan profil alur 3D. Efek ini tergantung pada nilai garis warna. |
bubungan | 3D definisi profil proyeksi alur. Efek ini tergantung pada nilai garis warna. |
sisipan | Mendefinisikan profil tepi cekung 3D. Efek ini tergantung pada nilai garis warna. |
awal | Mendefinisikan 3D tepi cembung kontur. Efek ini tergantung pada nilai garis warna. |
mewarisi | Ketentuan harus mewarisi pengaturan gaya garis dari elemen induk. |
Mengatur gaya garis
Contoh ini menunjukkan bagaimana untuk mengatur gaya garis.
CSS tutorial: CSS Outline
CSS Referensi: Outline Properti