Codebra
26 января 2026 в 19:00

Урок 50. Краткое свойство для изменения стиля списка

Как изменить стиль маркера и положение, задать изображение одним свойством CSS.
📝

Внимание! На этой странице вы найдете материал урока из архивного курса по CSS. Курс был написан в 2015 и по-прежнему актуален для начинающих веб-разработчиков.

Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.

Полный список уроков доступен по тегу Архивный курс по CSS и на странице первого урока.

Для более краткого написания кода можно объединить три свойства (list-style-type, list-style-image, list-style-position) в одно: list-style. То есть одним свойством можно задать стиль маркера, его положение и изображение маркера, если это необходимо. Далее рассмотрим синтаксис:

list-style: list-style-type || list-style-image || list-style-position;

Порядок указания значений не важен. Перечисляемые значения могут указываться не все. Например, следующие две записи эквивалентны и в них нет нарушения синтаксиса:

list-style: square inside;
list-style: inside square;

Перечисляемые значения указываются через пробел.

📝

Переходите к следующему уроку курса, а так же не забудьте посмотреть новый материал на Codebra по тегу CSS.