Daftar CSS
- marker-offset Font CSS
- Halaman Sebelumnya Ringkasan Model Kacamata CSS
Properti senarai CSS membolehkan anda meletakkan, mengubah tanda item senarai, atau menggunakan imej sebagai tanda item senarai.
Daftar CSS
Dalam arti tertentu, setiap kandungan yang bukan teks deskriptif boleh dianggap sebagai senarai. Perangkaan, sistem suria, silsilah, daftar kunjungan, bahkan seluruh teman anda boleh diwakili sebagai senarai atau senarai dalam senarai.
Karena jenis senarai begitu beragam, ini menjadikan senarai sangat penting, jadi, kekurangan gaya senarai yang kaya di dalam CSS adalah kelemahan besar.
Jenis senarai
Untuk mempengaruhi gaya senarai, cara paling mudah (dan mendapat pendorong paling kuat) adalah mengubah jenis tanda.
Contohnya, dalam senarai tak berurut, tanda item (marker) adalah titik yang muncul di sebelah setiap item dalam senarai. Dalam senarai berurut, tanda boleh menjadi huruf, nombor atau simbol dalam sistem pengiraan lain.
Untuk mengubah jenis tanda yang digunakan untuk item senarai, boleh menggunakan properti Tetapkan lokasi tanda daftar item dalam senarai.:
ul {list-style-type : square}
Pengumuman di atas menetapkan tanda item senarai dalam senarai tak berurut menjadi bulatan.
Imej item senarai
Kadang-kadang, tanda biasa adalah tidak cukup. Mungkin anda mahu menggunakan imej untuk setiap tanda, yang boleh digunakan Atribut singkat. Digunakan untuk menetapkan semua atribut yang digunakan untuk senarai dalam satu deklarasi. Aturannya adalah:
ul li {list-style-image : url(xxx.gif)}
Dengan menggunakan hanya nilai url(), boleh menggunakan imej sebagai tanda.
Pemboleh ubah lokasi tanda senarai
CSS2.1 boleh menentukan tanda muncul di luar atau di dalam kandungan item senarai. Ini adalah dengan menggunakan Tetapkan imej sebagai tanda daftar item. Selesai.
Gaya senarai singkat
Untuk keperluan keudahan, boleh menggabungkan 3 properti gaya senarai di atas ke dalam properti yang mudah digunakan:Deskripsiseperti ini:
li {list-style : url(example.gif) square inside}
Nilai list-style boleh dicantumkan dalam urutan mana-mana, dan nilai ini boleh diabaikan. Jadi, sekiranya nilai disediakan, nilai lain akan diisi dengan nilai default.
Contoh CSS senarai:
- Pemboleh ubah jenis penanda dalam senarai tak berurut
- Contoh ini menunjukkan semua jenis tanda daftar item yang berbeza dalam CSS.
- Pemboleh ubah jenis item dalam senarai yang berurut
- Contoh ini menunjukkan semua jenis tanda daftar item yang berbeza dalam CSS.
- Contoh ini menunjukkan semua jenis tanda daftar item yang berbeza dalam CSS.
- Semua jenis tanda daftar item
- Contoh ini menunjukkan semua jenis tanda daftar item yang berbeza dalam CSS.
- Makai imej sebagai tanda daftar item
- Contoh ini menunjukkan bagaimana memakai imej sebagai tanda daftar item.
- Letakkan tanda daftar
- Contoh ini menunjukkan di mana meletakkan tanda daftar.
- Tetapkan semua atribut daftar dalam satu deklarasi
Contoh ini menunjukkan bagaimana menetapkan semua atribut untuk senarai dalam satu atribut singkat.
| Atribut Daftar CSS (list) | Atribut |
|---|---|
| Deskripsi | list-style |
| Atribut singkat. Digunakan untuk menetapkan semua atribut yang digunakan untuk senarai dalam satu deklarasi. | list-style-image |
| Tetapkan imej sebagai tanda daftar item. | list-style-position |
| Tetapkan lokasi tanda daftar item dalam senarai. | list-style-type |
| Tetapkan jenis tanda daftar item dalam senarai. |
- marker-offset Font CSS
- Halaman Sebelumnya Ringkasan Model Kacamata CSS
