Tutorial daftar gaya CSS (ul) Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari daftar,Berbeda item daftar penanda,contoh,Sebagai daftar gambar barang penanda,contoh,Browser Compatibility Solusi,contoh,Daftar - properti singkat,contoh,contoh yang lebih,Semua Daftar CSS Properti,
Peran CSS Daftar Properti adalah sebagai berikut:
Dalam HTML, ada dua jenis daftar:
Dengan CSS, Anda bisa daftar gaya lebih lanjut, dan dapat membuat penanda daftar gambar barang.
list-style-type atribut menentukan jenis item daftar penanda adalah ::
Beberapa nilai yang daftar unordered, dan beberapa adalah daftar memerintahkan.
Untuk menentukan daftar gambar barang penanda, menggunakan properti list-style-image:
Contoh di atas menunjukkan tidak sama di semua browser, IE dan Opera menampilkan tag gambar dari Firefox, Chrome dan Safari sedikit lebih tinggi.
Jika Anda ingin menempatkan gambar yang sama dari logo di semua browser, Anda harus menggunakan solusi kompatibilitas browser, sebagai berikut
Juga di semua browser, contoh berikut akan menampilkan tag gambar:
Contoh menjelaskan:
Anda dapat menentukan daftar semua properti di satu properti. Ini disebut properti steno.
Menggunakan properti singkatan untuk daftar, daftar atribut gaya ditetapkan sebagai berikut:
Jika Anda menggunakan nilai properti singkatan dari order:
Jika nilai-nilai ini kehilangan satu dari urutan yang tersisa masih ditentukan, tidak masalah.
Semua berbeda item daftar penanda
Contoh ini menunjukkan semua daftar CSS item yang berbeda penanda.
milik | deskripsi |
---|---|
list-style | properti singkat. Untuk daftar semua properti disediakan dalam sebuah pernyataan |
list-style-image | gambar diatur untuk menandatangani daftar item. |
list-style-posisi | Mengatur posisi dalam daftar item daftar penanda. |
list-style-type | Mengatur jenis item daftar bendera. |