Perkembangan website untuk saat ini sangatlah pesat, terbukti dengan banyaknya perkembangan-perkembangan library yang sangat membantu seperti framework-framework, mulai dari framework php maupun framework design seperti bootstrap contohnya, kita sebagai developer sangat dituntut untuk membuat desain tampilan yang menarik semenarik mungkin.

Dan untuk mendesain website yang baik kita dapat menggunakan style css sebagai script untuk mendasain tampilan website kita, dengan css kita dapat mengatur warna, jarak, lebar dan lainnya, nah pada tutorial kali ini saya akan membahas fungsi dari propertis css yaitu list-style-position:inside.

sekarang yang jadi pertanyaan, dan mungkin teman-teman bertanya tentang apa itu fungsi propertis list-style position inside pada css, oleh karena itu disini saya akan menjelaskan tentang fungsi propertis list-style-position inside pada css fungsi dari propertis ini adalah untuk mengatur letak posisi dari list-list yang kita buat pada halaman website kita, sekarang kita akan coba langsung praktekkan css propertis yang satu ini.

sekarang coba teman-teman silahkan buat sebuah file html dan ketikan script berikut ini:

kita membuat 2 list dimana list pertama saya berikan class dengan nama inside, dan yang satu lagi saya tidak berikan class, yang dimana nanti akan kita atur cssnya, sekarang coba teman-teman tambahkan script berikut ini untuk style cssnya:

Script diatas adalah script css dimana fungsinya ialah untuk membuat keseluruhan list menjadi agak menjorok kedalam, sekarang coba teman-teman save dan coba jalankan pada browser maka hasilnya akan seperti berikut ini:

Belajar Tentang Fungsi Propertis List-style-position Inside Pada CSS 1

jika dilihat dari hasilnya,perbedaannya terlihat pada hasilnya, hasilnya list yang kita berikan pengaturan list-style-position agak menjorok kedalam, karena fungsi dari propertis ini ialah untuk membuat list agak menjorok kedalam.

Gimana teman-teman? sangat mudah untuk mempraktekannya, saya rasa untuk tutorial kali ini tentang Belajar fungsi list-style-position inside didalam css, semoga tutorial yang singkat kali ini bermanfaat untuk teman-teman semuanya, sampai bertemu pada tutorial berikutnya, tetap semangat belajar, jangan pernah bosan untuk terus upgrade kemampuan kita.
terima kasih.