скачать бесплатно – ” 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); }
И теперь у каждого пункта будет стоять ваш маркер (картинка), это может быть крестик, стрелка, нолик и что угодно.