Свойство list-style

Задает стилизацию списка. Сокращенная запись, которая включает в себя свойства list-style-type, list-style-position и list-style-image

list-style: square;
Chrome
Все
Edge
Все
FireFox
Все
IE
6+
iOS Safari
Все
Opera
Все
Safari
Все

Значения

list-style: none;

Убирает оформление списка

<style>
.example-1 {
    list-style: none;
}
</style>

<ul class="example-1">
    <li>Элемент списка</li>
    <li>Элемент списка</li>
    <li>Элемент списка</li>
</ul>
  • Элемент списка
  • Элемент списка
  • Элемент списка
list-style: square;

Оформление списка используя один параметр - вид маркера элементов списка

<style>
.example-2 {
    list-style: square;
}
</style>

<ul class="example-2">
    <li>Элемент списка</li>
    <li>Элемент списка</li>
    <li>Элемент списка</li>
</ul>
  • Элемент списка
  • Элемент списка
  • Элемент списка
list-style: inside square url("images/arrow.png");

Оформление списка используя три параметра. Порядок параметров не важен. Может быть использован один или два параметра. Параметры которые не были указаны, будут вести себя  как установлено браузером по умолчанию.

Читайте также

Обсуждение (0)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии