html и css для начинающих

кнопка удаления
кнопка удаления
кнопка меню

Стилизация списков и маркеров

Стиль маркера. Свойство list-style-type


Свойство list-style-type позволяет выбрать форму или стиль маркера и используетя в правилах, применяемых к элементам <ol>, <ul> и <li>. Это свойство используется только в случае, когда значение list-style-image установлено как none.

Значения зависят от того, к какому типу списка они применяются: маркированному или нумерованному.
Маркированный список:

Нумерованный список:

listtype
listtypeimg

Маркеры - изображения. Свойство list-style-image


С помощью свойства list-style-image можно указать в качестве маркера изображение. Значение начинается с url изображения внутри скобок в двойных кавычках.
Данное свойство может использоваться в правилах, применяемых к элементам <ul> и <li>.
Пример:

listimgcss
listimg

Позиционирование маркера. Свойство list-style-position


Для списков по умолчанию создаются отступы. Свойство list-style-position определяет, как будет размещаться маркер относительно текста.
Имеется два значения:

markerposition
marker

Стенографическое свойство list-style


Стенографическое свойство list-style для оформления cписков, позволяет в любом порядке указать стиль маркеров, изображение и позиционирование. Ни одно значение не является обязательным, поэтому неиспользуемые можно опустить.

liststyle