Properti posisi-gaya daftar CSS
Contoh
Tentukan posisi penanda item daftar:
ul.a {
list-style-position: outside;
}
ul.b {
list-style-position: inside;
}
Definisi dan Penggunaan
Properti list-style-position
menentukan posisi penanda item daftar (poin poin).
list-style-position: outside;
berarti bahwa poin-poin akan berada di luar item daftar. Awal setiap baris item daftar akan disejajarkan secara vertikal:
- Kopi - Minuman yang diseduh yang dibuat dari biji kopi panggang...
- teh
- minuman bersoda
list-style-position: inside;
berarti bahwa poin-poin akan berada di dalam item daftar. Karena ini adalah bagian dari item daftar, itu akan menjadi bagian dari teks dan mendorong teks di awal:
- Kopi - Minuman yang diseduh yang dibuat dari biji kopi panggang...
- teh
- minuman bersoda
Nilai bawaan: | di luar |
---|---|
Diwarisi: | Ya |
Animasi: | tidak. Baca tentang animasi |
Versi: kapan: | CSS1 |
Sintaks JavaScript: | objek .style.listStylePosition="di dalam" |
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
list-style-position | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintaks CSS
list-style-position: inside|outside|initial|inherit;
Nilai properti
Value | Description | Play it |
---|---|---|
inside | The bullet points will be inside the list item | |
outside | The bullet points will be outside the list item. This is default | |
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: Daftar CSS
Referensi CSS: properti gaya daftar
Referensi DOM HTML: properti listStylePosition