1



Создаем новый класс для списков list, внутри его пишем свойство list-style-type и ему присваиваем значение upper-roman(большие римские цифры).

Теперь познакомимся со свойством list-style-position. Это свойство имеет 2 параметра:inside(внутри блока), outside(снаружи блока).

Пример:




В этом примере мы задали значение outside свойству list-style-position. И видим что наши нумераторы стоят за пределами блока. Если бы мы поставили значение inside, то нумераторы были бы внутри рамки.

Рассмотрим теперь последнее свойство list-style-image. C помощью его мы можем ставить свои картинки на нумераторы списка.

Пример:




Записываем свойство list-style-image. Чтобы загрузить картинку присваиваем list-style-image- url(путь к вашей картинке). Как видим на примере вместо стандартных нумераторов у нас своя более симпотичная картинка.


2010-12-21 • Просмотров [ 1149 ]