Belajar CSS 7: Membuat Daftar atau List pada CSS

By Adhi P. - Last updated: Tuesday, January 17, 2012 - Save & Share - Comments

banner438kursus Belajar CSS 7: Membuat Daftar atau List pada CSS

Sebagaimana sudah saya sampaikan sebelumnya, materi belajar css style berikutnya adalah membuat daftar CSS atau CSS List. Dengan CSS list kita bisa mengatur penanda yang berbeda pada baik pada ordered list (ditandai menggunakan angka atau huruf) maupun unordered list (ditandai menggunakan bullet) serta mengatur gambar sebagai penanda daftar / list.

Perhatikan contoh dibawah ini :


ul.a {list-style-type: circle;}

ul.b {list-style-type: square;}

 

ol.c {list-style-type: upper-roman;}

ol.d {list-style-type: lower-alpha;}

Kode dari nilai diatas adalah unordered list dan yang lainnya ordered list.

Untuk menggunakan gambar sebagai penanda list, gunakan list-style-image-property


ul

{

list-style-image: url('sqpurple.gif');

}

Dalam css list juga memungkinkan untuk menuliska semua property dalam satu yang disebut shortand-list. Seperti contoh kode dibawah ini :


ul

{

list-style: square url("sqpurple.gif");

}

Berikut ini adalah daftar dari list property:

 

Masih ada 1 macam css style yang perlu dipelajari yaitu css table yang akan saya sampaikan dalam tutorial belajar css berikutnya. Selamat belajar!

 

Try This: 4 Langkah Mudah Belajar Cara Membuat Website, Langsung Praktek! KLIK DI SINI!.
Posted in Belajar CSS • Tags: Top Of Page