скачать бесплатно — » HTML на примерах, всё доступно и просто (для начинающих)»
— — —— — — >> с к а ч а т ь <<
скачать бесплатно — «Как создать классный сайт!
От начала и до конца»
——>> с к а ч а т ь <<
Все свойства могут применяться как к пронумерованным, так и непронумерованным спискам.
— LIST-STYLE-TYPE
— LIST-STYLE-IMAGE
list-style-type
disk — в виде закрашенного кружка
circle — в виде не закрашенного кружка
square — в виде закрашенного квадратика
decimal — арабские числа (1,2,3 и т.д.)
upper-roman — большие римские цифры (I,II,III,IV и т.д.)
lower-roman — маленькие римские цифры (i,ii,iii,iv и т.д.)
upper-alpha — заглавные буквы (A,B,C и т.д.)
lower-alpha — строчные буквы (a,b,c и так далее)
none — без маркера
Пример:
ol
{list-style-type: decimal;}
ul
{list-style-type: disk;}
А можно наоборот из пронумерованного списка сделать непронумерованный.
list-style-image
Позволяет вместо стандартного маркера (кружочка или квадратика), поставить своё изображение. Значением является путь к изображению.
ul
{list-style-image: uгl(bullet.gif); }
Если изображение находится в папке, соответственно путь указывают с папкой, например:
ul
{list-style-image: uгl(img/bullet.gif); }
И теперь у каждого пункта будет стоять ваш маркер (картинка), это может быть крестик, стрелка, нолик и что угодно.