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

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

Код CSS

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

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

Код CSS

list-style: square inside;

Код CSS

list-style: inside square;

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

Похожие уроки Codebra

@codebra_official
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ

Свойство background для работы с фономЦвета и фон

Добавляем градиент к фону элементаЦвета и фон

Маркер списка в виде изображенияСписки

Первое знакомство с PythonЗнакомство с Python

Поиск хостов с помощью NmapРазведка и сканирование

Погружение в PythonЗнакомство с Python

Пользовательские функции в PHPКурс по PHP

Итоги раздела «Структуры данных в Python»Знакомство с Python

Обработка исключений (try/except) в PythonЗнакомство с Python

Предыдущий урок «147. Как изменить положение маркера списка» Следующий урок «149. Как сделать плавный переход в CSS»

HTML

CSS

Браузер

Вернуть расположение блоков

Код HTML

Код CSS

Браузер×

Задание

Восстановить код

Чтобы использовать все функции сайта (например: сохранение прогресса прохождения уроков, участие в рейтинге среди пользователей, прохождение тестов, просмотр внешних ссылок и скриншотов в некоторых курсах), вам нужно авторизоваться. Это можно сделать пройдя обычную регистрацию с использованием почты или в пару кликов, если у вас есть один из аккаунтов: ВКонтакте, GitHub, Google, Яндекс или Telegram.

Сделайте так, чтобы маркер списка был в виде квадрата.

– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте, Telegram.

– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить в нашей Telegram-группе.

Необходимо авторизоваться, чтобы проверить задание
Это займет не больше минуты.