css властивість list-style-image
Властивість list-style-image замінює мітку списку на зображення.
Властивість list-style-image можна використовувати в будь-якому елементі списку. Елемент списку - це будь-який елемент, у якого display встановлено як list-item або inline-list-item, який є нащадком елементів <ol> i <ul>.
| Нотатка: | Ця властивість перевизначає властивість |
| Порада: | Завжди вказуйте властивість |
Синтаксис
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');
}