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.

26 Maret 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat