Sites of the week

ads ads ads ads

list-style-type

Posted by admin | CSS | Понедельник 11 Июнь 2007 23:11

Изменяет вид маркера для каждого элемента списка. Этот атрибут используется только в случае, когда значение свойства list-style-image установлено как none. Маркеры различаются для маркированного списка (тег UL) и нумерованного (тег OL).


Синтаксис

list-style-type: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none

Аргументы

Для маркированного списка используются аргументы circle, disc, square. Для нумерованного списка: decimal, lower-alpha, lower-roman, upper-alpha, upper-roman. Аргумент none устанавливает тип мар кера, как у родительского элемента. Вид маркеров приведен в таблице.

Тип Пример
disc
  •  

    circle
  • square
  • decimal 1, 2, 3, ...
    lower-roman a, b, c, ...
    upper-roman i, ii, iii, ...
    lower-alpha A, B, C, ...
    upper-alpha I, II, III, ...

     

     

    Пример
    <html>
    <body>

    <ul style="list-style-type: square">
    <li>Lorem ipsum dolor sit amet</li>
    <li>Consectetuer adipiscing elit</li>
    <li>Sed diem nonummy nibh euismod</li>
    <li>Tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</li>
    </ul>

    </body>
    </html>

    Применяется

    К тегам DD, DT, LI, OL и UL, а также ко всем элементам, у которых указано свойство стиля display: list-item.

    1 комментарий »

    1. Comment by 40a — Январь 20, 2010 @ 20:26

      В таблице последние 4 типа и примера неверно сопоставлены.

    RSS feed for comments on this post. TrackBack URI

    Leave a comment