|
|
<
Предыдущая Следующая
>
С помощью 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');}
<
Предыдущая Следующая
>
|
Последние
добавления
|
