Rabu, 11 Januari 2017

Belajar CSS : CSS List

Hallo teman-teman semua ?? pada kesempatan kali ini saya akan memposting materi tentang CSS Lists berikut materinya...

CSS LIST
List merupakan sebuah perintah yang digunakan untuk mendaftar atau mengelompokan.

List Style, properti list-style-type ini digunakan untuk menentukan jenis item pada daftar. Berikut ini contoh penerapan beberapa jenis item daftar


Hasilnya :


List Gambar, properti list-style-image ini digunakan untuk menetapkan gambar sebagai item daftar.
Contoh penerapannya :

Hasilnya :


List Posisi, properti list-style-position ini menentukan apakah daftar-item akan muncul di dalam atau diluar konten.
Contoh penerapannya :

 Hasilnya :

List - Shorthand Property, properti list-style ini digunakan untuk mengatur semua properti daftar dalam stu deklarasi.
Contoh penerapan :


Hasilnya :


Untuk urutan properti : list-style-type, list-style-position, list-style-image.

List Warna, kita juga bisa menambahkan gaya dengan warna agar tamplannya lebih menarik. Apapun yang ditambahkan ke <ol> atau <ul> mempengaruhi seluruh daftar, sementara sifat ditambahkan ke <li> akan mempengaruhi item daftar individu.
Contoh penerapannya :


Hasilnya :


Referensi :

Sekian dan terimakasih semoga bermanfaat

0 komentar:

Posting Komentar