Перейти к содержанию

list-style-image

Свойство list-style-image устанавливает адрес изображения, которое служит в качестве маркера списка.

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

Демо

Списки, счетчики, генерируемый контент

Синтаксис

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
/* Keyword values */
list-style-image: none;

/* <url> values */
list-style-image: url('starsolid.gif');

/* Global values */
list-style-image: inherit;
list-style-image: initial;
list-style-image: unset;

Значения

none

Отменяет изображение в качестве маркера для родительского элемента.

url

Относительный или абсолютный путь к графическому файлу. Значение можно указывать в одинарных, двойных кавычках или без них.

Значение по-умолчанию:

1
list-style-image: none;

Применяется к: К элементам <dd>, <dt>, <li>, <ol> и <ul>, а также ко всем элементам, у которых указано display: list-item

Спецификации

Описание и примеры

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>list-style-image</title>
        <style>
            ul {
                list-style-image: url('/example/image/mathematics.png');
            }
        </style>
    </head>
    <body>
        <ul>
            <li>
                Легко проверить, что аффинное преобразование
                монотонно.
            </li>
            <li>
                Доказательство решительно стабилизирует
                отрицательный криволинейный интеграл, явно
                демонстрируя всю чушь вышесказанного.
            </li>
            <li>
                Степенной ряд, в первом приближении,
                расточительно искажает многомерный лист
                Мёбиуса, откуда следует доказываемое
                равенство.
            </li>
        </ul>
    </body>
</html>

Комментарии