css властивість list-style-image


Властивість list-style-image замінює мітку списку на зображення.

Властивість `list-style-image`

Властивість list-style-image можна використовувати в будь-якому елементі списку. Елемент списку - це будь-який елемент, у якого display встановлено як list-item або inline-list-item, який є нащадком елементів <ol> i <ul>.

Нотатка:

Ця властивість перевизначає властивість list-style-type.

Порада:

Завжди вказуйте властивість list-style-type. Ця властивість буде використана, якщо зображення недоступне.

Синтакс

list-style-image: none|url|initial|inherit;

Властивість list-style-image може отримувати 4 значення:

none

Відміняє зображення в якості маркера для батьківського елемента. Вигляд мітки буде заданий без задання.

url

Відносний або абсолютний шлях до графічного файлу. Значення можна вказувати в одинарних, подвійних лапках або без них.

initial

Встановлює властивість у значення без задання

inherit

Вказує на спадковість властивості від свого батьківського елемента.

Значення без задання: none
Наслідує: Так
Анімується: Ні
JavaScript синтаксис: object.style.listStyleImage="url('smiley.gif')"

Переглядачі

Переглядач
list-style-image

1.0

8.0

1.0

1.0

7.0

12.0

Переглядач
list-style-image

1.0

1.0

1.0

Приклади


Значення у дії

Використання

Встановлення зображення, яке буде міткою списку.

ul { 
  list-style-image: url('sqpurple.gif'); 
}

Додаткові посилання

Всі Коментарі (0)

Зареєструйся на сайті, аби мати змогу залишати коментарі. Зареєструватися  чи
Немає Коментарів