Halo Dumenity, selamat datang kembali di website tips dan trik Dumet School. Berjumpa kembali dengan saya pada pembahasan tips seputar dunia website,pada kesempatan kali ini saya akan memberikan tips tentang Macam – macam list-style CSS Pada Tag ul tag ul pada umum nya sebagai pembungkus tag li yang menghasilkan sebuah list. Pada tag ul default memiliki icon, yang mana setiap kita memberikan tag li di dalam tag ul secara otomatis akan tampil sebuah icon pada setiap tag li nya.
Nah untuk teman – teman yang khsus nya baru belajar HTML wajib tahu nih Macam – macam list-style CSS Pada Tag ul dan saya akan menjelaskan list-style yang umum nya di pakai
- list-style: inside = jika css ini di letakkan di dalam tag ul, maka icon secara otomatis berada di dalam content atau masuk ke dalam
Jika di ganti menjadi list-style:outsite maka icon akam kembali berada di sisi lebih kekiri
- list-style-type = untuk menentukan jenis icon, pada contoh saya menggunakan circle dan square
Maka hasilnya seperti gambar di bawah ini
Dan yang terakhir adalah list-style-image:url() nah fungsi ini untuk menambahkan icon kalian, teman – teman tinggal menghubungkan saja icon kalian berada seperti memanggil image pada css, css menyediakan fitur ini supaya dengan leluasa kita membuat design website dan tidak ada batasannya. Tentunya masih ada banyak lagi fitur – fitur css yang wajib kalian ketahui, cocok sekali untuk teman – teman yang mempunyai basic atau bacgkground seorang designer.
Pada artikel berikutnya saya juga akan share tips -tips seputar dunia website meliputi, html & css, javacipt, jQuery, PHP & Mysql dan masih banyak lagi. Untuk itu berkunjung terus kesini a :), siapa tahu dengan tips – tips yang ada pada website ini bisa membantu dalam penyelesaian project website yang saat ini kalian kerjakan. Baik, sekian pada artikel kali ini tentang Macam – macam list-style CSS Pada Tag ul kita jumpa kembali berikutnya. Terimakasih dan sampai jumpa, semoga bermanfaat.