Рейтинг:  3 / 5

Звезда активнаЗвезда активнаЗвезда активнаЗвезда не активнаЗвезда не активна
 

CSS списки.

Свойства CSS определяющие вид списков.
Все свойства могут применятся как к пронумерованным, так и НЕпронумерованным спискам.

- LIST-STYLE-TYPE
- LIST-STYLE-IMAGE

Теперь подробней:

list-style-type

Задаёт вид маркера списка, то есть то, что будет стоять у каждого пункта списка.
disc - в виде закрашенного кружка
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: disc;}

А можно наоборот из пронумерованного списка сделать НЕпронумерованный.

 


list-style-image

Позволяет поставить вместо стандартного маркера списка (кружочка или квадратика), своё изображение, ещё его называют буллет (bullet). Значением является путь к изображению.

ul
{list-style-image: uгl('bullet.gif'); } 

Если изображение находится в папке, соответственно путь указывают с папкой, например:

ul
{list-style-image: uгl('bullet.gif'); }

И теперь у каждого пункта будет стоять ваш маркер, это может быть хоть крестик, хоть стрелка, что угодно.

По-моему не сложно. Тренируйтесь.

Перейти к следующему уроку
Оформление ссылок в CSS

Хотите быстро изучить HTML и CSS?
Тогда вам сюда >>

X

Инструкция по планированию сайта
С чего начать создание сайта?

Инструкция по созданию сайта

  • Инструкция по созданию сайта
  • Шаблон для составления плана сайта
  • Чек-лист по этапам создания сайта

* Никакого спама. Гарантирую!