| |
6.0 7.0 8.0 8.0 9.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Нет Нет Да Да Да Да Да Да Нет Нет Да Да Да Да
CSS CSS2
Значение по
умолчанию
none
Наследуется Нет
Применяется Ко всем элементам
Аналог HTML Нет
Ссылка на
спецификацию
http://www.w3.org/TR/CSS21/generate.html#propdef-counterincrement
none
inherit
идентификатор
целое число
Табл. 1. Изменение нумерации списка
Код Результат
LI { list-style-type: none; }
OL { counter-reset: list -1; }
LI:before {
counter-increment: list;
content: counter(list) ". ";
}
Список начинается с нуля.
0, 1, 2
LI { list-style-type: none; }
OL { counter-reset: list; }
LI:before {
counter-increment: list 2;
content: counter(list) ". ";
}
Выводятся все четные числа.
2, 4, 6
LI { list-style-type: none; }
OL { counter-reset: list -1; }
LI:before {
counter-increment: list list;
content: counter(list) ". ";
}
Выводятся все нечетные числа.
1, 3, 5
LI { list-style-type: none; }
OL { counter-reset: list 9; }
LI:before {
counter-increment: list;
content: counter(list) ". ";
}
Список начинается с 10.
10, 11, 12
counter-increment
Теория ловли льва в пустыне
Методы инверсной кинематики
Ловля льва численными методами
Результат данного примера показан ни рис. 1.
Рис. 1. Применение свойства counter-increment
Примечание
Для элементов, у которых установлено display: none, значение счетчика не
меняется.
counter-reset
Краткая информация
|
|
