Свойство 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");

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

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

:first-child первый элемент :read-only только для чтения animation-duration время длительности анимации animation-play-state состояние анимации animation-timing-function функция расчета значений анимации border-bottom-left-radius закругление нижнего левого угла border-bottom-width толщина границы снизу border-color цвет границы border-right граница справа border-top-color цвет границы сверху flex flex-grow + flex-shrink + flex-basis flex-shrink сжатие flex элемента margin-right внешний отступ справа max-height максимальная высота text-overflow поведение скрытого текста

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

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