Свойство list-style - свойство-сокращение для списков

Свойство list-style позволяет одновременно установить тип маркера list-style-type, картинку list-style-image и его положение list-style-position для списков ul или ol.

Порядок свойств значения не имеет.

Пример

Давайте установим для нашего списка квадратные маркеры:

<ul> <li>list item</li> <li>list item</li> <li>list item</li> <li>list item</li> <li>list item</li> </ul> ul { list-style: square outside; }

:

Пример

А теперь давайте установим в свойстве list-style изображение для маркера и его расположение внутри текстового поля:

<ul> <li>list item</li> <li>list item</li> <li>list item</li> <li>list item</li> <li>list item</li> </ul> ul { list-style: url("li.gif") inside; }

:



Чат с GPT Компилятор