List Style Pada CSS

List


http://websitecompletecoding.blogspot.co.id/#
Apa itu list?.. list adalah suatu atribut dalam pembuatan halaman website untuk memberikan penjelasan terstruktur atau pokok-pokok pikiran sering digunakan dafar singkat.

Atribut dan element dalam list di css, untuk mempermudah kalian dalam pemanggilan pembuatan list dokumen HTML, saat pemanggilan dokumen css yang di panggil dalam bentuk url dan dokumen-dokumen yang di save secara terpisah, kalian sudah mengaturnya dalam css dan tidak perlu untuk mengaturnya dalam dokumen HTML. Sama seperti artikel yang sudah saya jelaskan di artikel "Membuat Daftar List Pada Website".


List Style Type

Syntax: list-style-type: <value>
        Possible Value: circle, disc, square,
                        decimal, lower-roman.

Properti ini mendefinisikan tipe tanda item unordered dan ordered lists.

Contoh :
<style type="text/css">
    ul.disc
        {
        list-style-type: disc
        }
    ul.circle
        {
        list-style-type: circle
        }
    ul.square
        {
        list-style-type: square
        }
    ul.none
        {
        list-style-type: none
        }
    ul.decimal
        {
        list-style-type: decimal
        }
    ul.lroman
        {
        list-style-type: lower-roman
        }
    ul.uroman
        {
        list-style-type: upper-roman
        }
    ul.lalpha
        {
        list-style-type: lower-alpha
        }
    ul.ualpha
        {
        list-style-type: upper-alpha
        }
</style>


List Style Image

Syntax: list-style-image: <value>
        Possible Value: url, none.

Properti ini mendefinisikan suatu image sebagai tipe tanda item pada list.

Contoh :
<style type="text/css">
    ul
        {
        list-style-image: url ("../images/Android.gif")
        }
</style>

Silakan anda buat dokumen di atas, dan kalian bisa mencoba merubahnya sesuai keinginan anda dalam membangun websote anda agar tampil indah saat dilihat oleh pengunjung.

Postingan terkait:

Belum ada tanggapan untuk "List Style Pada CSS"

Posting Komentar