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


Властивість list-style — універсальна властивість і дозволяє одночасно задати значення для наступних властивостуй:

  • list-style-type
  • list-style-position
  • list-style-image

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

Значення, між собою, розділяються пропуском та повинні слідувати в зазначеному порядку:

  1. тип списку
  2. положення маркера
  3. картинка маркера

Ця властивість застосовується до елементів списку, тобто елементів із display: list-item;. За умовчанням це включає в себе елементи. Оскільки ця властивість успадковується, її можна встановити на батьківський елемент (зазвичай <ol> або <ul>), щоб створити такий же стиль списку, що застосовується до всіх елементів всередині.

Нотатка:

Жодне з значень не є обов'язковим, тому невикористовувані дозволено опустити.

Нотатка:

Якщо одне із зазначених значень відсутнє, наприклад, list-style:circle inside;, замість нього буде встановлено його значення за замовчуванням.

Синтакс

list-style: list-style-type list-style-position list-style-image|initial|inherit;

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

list-style-type

Визначає тип елемента списку.

list-style-position

Визначає позицію мітки списку.

list-style-image

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

initial

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

inherit

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

Значення без задання: 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"); 
}

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

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

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