CSS приклад: list-style

Коротка інформація

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

Синтаксис

list-style: тип-стилю-маркера || положення-стилю-маркера || зображення-стилю-маркера | inherit

Значення

Любі комбінації трьох значень, що визначають стиль маркерів, розділені пробілом. Комбінації значень повинні слідувати в зазначеному порядку: спочатку йде тип маркера, потім положення та зображення.

inherit
Наслідує значення батька.

Версії CSS

CSS 1CSS 2CSS 2.1CSS 3

Опис

Для детального ознайомлення з кожною властивістю дивіться інформацію окремо.

Об'єктна модель

[window.]document.getElementById("ідентифікатор-елементу").style.listStyle

Браузери

Internet Explorer до версії 7.0 включно не підтримує значення inherit.

Часті запитання

  • Q: Як використовувати list-style в CSS?

    A: Властивість list-style в CSS використовується для встановлення стилів маркера списку. Наприклад, list-style: square; встановить квадратні маркери для списку.

  • Q: Як використовувати list-style-type в CSS?

    A: Властивість list-style-type в CSS використовується для встановлення типу маркера списку. Наприклад, list-style-type: disc; встановить круглі маркери для списку.

  • Q: Як використовувати list-style-image в CSS?

    A: Властивість list-style-image в CSS використовується для встановлення зображення в якості маркера списку. Наприклад, list-style-image: url('marker.png'); встановить зображення 'marker.png' в якості маркера.

  • Q: Як використовувати list-style-position в CSS?

    A: Властивість list-style-position в CSS використовується для встановлення позиції маркера відносно тексту. Наприклад, list-style-position: inside; встановить маркер всередину контейнера списку.

  • Q: Як використовувати list-style shorthand в CSS?

    A: Властивість list-style в CSS можна використовувати як shorthand для одночасного встановлення всіх стилів маркера списку. Наприклад, list-style: circle inside url('marker.png'); встановить тип, позицію та зображення маркера.