Рейтинг@Mail.ru
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS РЕКЛАМА

CSS Свойство list-style-type


CSS Справочник Полный CSS Справочник

Пример

Установить различные типы списков:

ul.circle {list-style-type:circle}
ul.square {list-style-type:square}
ol.upper-roman {list-style-type:upper-roman}
ol.lower-alpha {list-style-type:lower-alpha}

Попробуйте сами »

Еще примеры внизу этой страницы.

Определение и Использование

Свойство list-style-type указывает тип маркеров пунктов в списке.

Значение по умолчанию: "disc" для <ul> и "decimal" для <ol>
Наследуется: да
Версия: CSS1
JavaScript синтаксис: объект.style.listStyleType="square"


Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Свойство list-style-type поддерживается всеми основными браузерами.

Замечание: IE9 и Opera 11 не поддерживают: cjk-ideographic, hebrew, hiragana, hiragana-iroha, katakana и katakana-iroha.

Замечание: IE8 и более ранние версии поддерживают только свойства: decimal-leading-zero, lower-greek, lower-latin, upper-latin, armenian, georgian, и inherit, если указано объявление DOCTYPE!


Значения Свойства

Значение Описание
armenian Маркеры - традиционная Армянская нумерация
circle Маркер - окружность
cjk-ideographic Маркеры - простые идеографические числа
decimal Маркер - число. Используется по умолчанию для <ol>
decimal-leading-zero Маркер - число с нулем впереди (01, 02, 03, и т.д.)
disc Маркер - круг. Используется по умолчанию для <ul>
georgian Маркеры - традиционная Грузинская нумерация
hebrew Маркеры - традиционная Еврейская нумерация
hiragana Маркеры - традиционная нумерация Хирагана
hiragana-iroha Маркеры - традиционная нумерация Хирагана ироха
inherit Значение свойства наследуется от родительского элемента
katakana Маркеры - традиционная нумерация Катакана
katakana-iroha Маркеры - традиционная нумерация Катакана ироха
lower-alpha Маркеры - символы алфавита в нижнем регистре (a, b, c, d, e, и т.д.)
lower-greek Маркеры - символы греческого алфавита в нижнем регистре
lower-latin Маркеры - символы латинского алфавита в нижнем регистре (a, b, c, d, e, и т.д.)
lower-roman Маркеры - римские числа в нижнем регистре (i, ii, iii, iv, v, и т.д.)
none Маркер не отображается
square Маркер - квадрат
upper-alpha Маркеры - символы алфавита в верхнем регистре (A, B, C, D, E, и т.д.) 
upper-latin Маркеры - символы латинского алфавита в верхнем регистре (A, B, C, D, E, и т.д.)
upper-roman Маркеры - римские числа в верхнем регистре (I, II, III, IV, V, и т.д.)


Примеры

Попробуйте сами - Примеры

Всевозможные маркеры пунктов списка
Этот пример демонстрирует всевозможные маркеры пунктов списка.


Смотрите Также

CSS уроки: CSS Список

CSS справочник: свойство list-style


CSS Справочник Полный CSS Справочник

© 2011-2017 Уроки CSS
Рейтинг@Mail.ru