list-style-position

Properti list-style-position digunakan untuk menentukan posisi penanda (bullet atau gambar yang digunakan sebagai penanda) dari item daftar yang berhubungan dengan kotak blok utama item.

Jadi, properti ini akan menentukan apakah penanda harus diposisikan di dalam kotak elemen atau di luarnya.

Gaya daftar diterapkan ke item daftar dan elemen yang memiliki display: list-item, oleh karena itu posisi gaya daftar menentukan posisi penanda di dalam salah satu kotak ini.

CSS Syntax

list-style-position: inside | outside | initial | inherit;

JavaScript Syntax

object.style.listStylePosition="inside"
Default value:outside
Inherited:ya
Animatable:tidak Read about animatable
Version:CSS1

Attribute Value

default list-style-position: outside;

Poin-poin akan berada di luar item daftar, seolah-olah itu bukan bagian dari item daftar.

Awal setiap baris item daftar akan disejajarkan secara vertikal.

list-style-position: inside;

Titik-peluru akan berada di dalam daftar item.

Karena ini adalah bagian dari item daftar, itu akan menjadi bagian dari teks dan mendorong teks di awal.