Wednesday, February 1, 2012

LIST-STYLE-POSITION

Properti LIST-STYLE-POSITION digunakan untuk menetapkan posisi list-item marker.

Sintaks:

list-style-position: value;

Untuk value:

  • outside (default)

    Tampilan OUTSIDE:

    • Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...
    • Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...

    Contoh:

    ul { list-style-type: upper-roman; list-style-position: outside; }
  • inside

    Tampilan INSIDE:

    • Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...
    • Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...

    Contoh:

    ul { list-style-type: upper-roman; list-style-position: inside; }
  • inherit
    Menerapkan nilai LIST-STYLE-POSITION elemen induknya.

Properti LIST-STYLE-POSITION bisa diaplikasikan kepada elemen dengan 'display: list-item'.