Fungsi Property CSS List Style Position

List-style-position pada CSS berfungsi untuk menentukan posisi penanda atau titik hitam atau gambar yang di gunakan sebagai penanda dari daftar item atau daftar list berada di dalam kotak elemen atau di luar kotak elemen, karena default dari posisi penanda list dalam HTML berada di luar kotak elemen, jadi jika kalian ingin posisi penanda list berada di dalam elemen maka kalian gunakan fungsi property CSS ini. Berikut adalah nilai yang ada di property list-style-position :

list-style-position: inside

list-style-position: outside

Cara menggunakannya sangat mudah sekali berikut contohnya.

Pertama kalian bisa buat daftar list menggunakan Tag HTML ul dan li  atau ol dan li seperti gambar di bawah ini :

Selanjutnya CSS nya seperti gambar di bawah ini :

Dan hasilnya berikut ini :

See the Pen jEdRQG by Dumet_School (@dumet_school) on CodePen.