Краткая форма задания стилей списка

Для краткости можно свести три свойства задания стиля списка в одно – list-style.

Например:
li {list-style: url(ohio.gif) square inside;}

Значения свойства list-style могут перечисляться в произвольном порядке, любое из них может быть опущено. Если присутствует только одно значение, вместо остальных будут подставлены значения по умолчанию. Так, следующие два правила будут иметь совершенно аналогичный визуальный эффект:

li.norm {list-style: url(img42.gif);}
li.odd {list-style: url(img42.gif) disc outside;} /* то же самое */

Они совершенно одинаково переопределят все предыдущие правила.

Например:
li {list-style-type: square;}
li.norm {list-style: url(img42.gif);}
li.odd {list-style: url(img42.gif) disc outside;} /* то же самое */

Применяемое в правиле для li.norm значение свойства list-style-type, disc, переопределит ранее объявленное значение square, точно так же явно заданное значение disc переопределяет его в правиле для li.odd.

Оцените статью: (0 голосов)
0 5 0

Статьи из раздела CSS на эту тему:
Вставка генерируемого содержимого
Вставка значений атрибутов
Генерируемое содержимое
Генерируемые кавычки
Изображения для элементов списка