css властивість list-style
Властивість list-style — універсальна властивість і дозволяє одночасно задати значення для наступних властивостуй:
list-style-typelist-style-positionlist-style-image
Значення, між собою, розділяються пропуском та повинні слідувати в зазначеному порядку:
- тип списку
- положення маркера
- картинка маркера
Ця властивість застосовується до елементів списку, тобто елементів із display: list-item;. За умовчанням це включає в себе елементи. Оскільки ця властивість успадковується, її можна встановити на батьківський елемент (зазвичай <ol> або <ul>), щоб створити такий же стиль списку, що застосовується до всіх елементів всередині.
| Нотатка: | Жодне з значень не є обов'язковим, тому невикористовувані дозволено опустити. |
| Нотатка: | Якщо одне із зазначених значень відсутнє, наприклад, |
Синтаксис
list-style: list-style-type list-style-position list-style-image|initial|inherit;Властивість list-style може отримувати 5 значень:
| Значення без задання: | disc outside none |
|---|---|
| Наслідує: | Так |
| Анімується: | Ні |
| JavaScript синтаксис: | object.style.listStyle="decimal inside" |
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| list-style | 1.0 |
4.0 |
1.0 |
1.0 |
7.0 |
12.0 |
| Переглядач | |||
|---|---|---|---|
| list-style | 1.0 |
1.0 |
1.0 |
Мобільних переглядачів ще не додано.
Приклади
Використання властивості
Встановлення всіх властивостей списку в одній декларації
ul {
list-style: square url("sqpurple.gif");
}