С помощью CSS Вы можете оформлять списки.

Оформление списков

CSS свойство list-style-type позволяет оформлять списки.

Всего существует два вида списков:

Ниже представлены таблицы с возможными значениями для оформления списков:

Значения для неупорядоченных списков:

Значение	Описание
none	Нет маркера.
disc	Значение по умолчанию. Маркер имеет вид закрашенного черного круга.
circle	Маркер принимает вид не закрашенного круга.
square	Маркер принимает вид закрашенного квадрата.

Значение	Описание
armenian	Элементы списка нумеруются Армянскими числами.
decimal	Значение по умолчанию. Элементы списка нумеруются Арабскими числами.
decimal-leading-zero	Элементы списка нумеруются Арабскими числами начинающимися с нуля (01, 02, 03 и т.д.).
georgian	Элементы нумеруются традиционной Грузинской нумерацией.
lower-greek	Элементы нумеруются традиционной Греческой нумерацией (alpha, beta, gamma).
lower-latin	Элементы нумеруются маленькими буквами латиницы (a, b, c, d).
lower-roman	Элементы нумеруются маленькими римскими цифрами (i, ii, iii, iv).
upper-latin	Элементы нумеруется большими буквами латиницы (A, B, C ,D).
upper-roman	Элементы нумеруется большими римскими цифрами (I, II, III, IV).

Пример

ul.lis1 
{
list-style-type:square;
}
ol.lis2 
{
list-style-type:upper-roman;
}

Быстрый просмотр

Свойство list-style-image позволяет заменить маркер списка на произвольное изображение.

Пример

ul.lis1 
{
list-style-image:url('marimg.gif');
}

Быстрый просмотр

Обратите внимание: узнать больше об оформлении списков Вы можете в нашем CSS справочнике.