Slyweb
На разработку сайта! Скидки 50%!
Поиск CSS свойств и HTML элементов:
поиск



Все CSS свойства и HTML элементы справочника
list-style-type

decimal Десятичное число, начинающееся с 1.
decimal-leading-zero Десятичное число, дополненное нулём (например., 01, 02, 03, ..., 98, 99).
lower-roman Строчные римские цифры (i, ii, iii, iv, v, и т.д.).
upper-roman Прописанные римские числа (I, II, III, IV, V, и т.д.).
hebrew Списки использованием иврита.
georgian грузинская нумерация (an, ban, gan, ..., he, tan, in, in-an, ...).
armenian Армянская нумерация.
cjk-ideographic Простые идеографические цифры
hiragana a, i, u, e, o, ka, ki, ...
katakana A, I, U, E, O, KA, KI, ...
hiragana-iroha i, ro, ha, ni, ho, he, to, ...
katakana-iroha I, RO, HA, NI, HO, HE, TO, ...

Некоторые версии браузеров поддерживают не все ключевые слова, поэтому по умолчанию в качестве значения свойства list-style-type устанавливается десятичные цифры.

Буквенные символы в качестве маркеров:

decimal срочные символы в формате ascii (a, b, c, ... z).
upper-latin or upper-alpha Прописные символы в формате ascii (A, B, C, ... Z).
lower-greek Нумерация с помощью греческого алфавита alpha, beta, gamma, ... (έ, ή, ί, ...)

Буквенные маркеры имеют одни недостаток – количественное ограничение.

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2.<HTML>
  3.<HEAD>
  4.<TITLE>Списки и их стили</TITLE>
  5.<STYLE type="text/css">
  6.ol.first {
  7.list-style-type:upper-latin;
  8.}
  9.ol.second {
10.list-style-type:upper-roman;
11.}
12.ul {
13.list-style-type:circle;
14.}
15.</STYLE>
16.</HEAD>
17.<BODY>
18.<P> Первый список пронумерован ...
19.<OL class="first">
20.<LI> Первый элемент
21.<LI> Второй элемент
22.<LI> Третий элемент
23.</OL>
24.<P> Второй список пронумерован ...
25.<OL class="second">
26.<LI> Первый элемент
27.<LI> Второй элемент
28.<LI> Третий элемент
29.</OL>
30.<P> Третий список не пронумерован ...
31.<UL>
32.<LI> Первый элемент
33.<LI> Второй элемент
34.<LI> Третий элемент
35.</UL>
36.</BODY>
37.</HTML>
38.
Списки и их стили
Списки и их стили


Доступ и установка с jQuery

  • Получить свойство listStyleType: val = $("div").css("listStyleType");
  • Установить свойство listStyleType: $("div").css({"listStyleType":"..."});
  • Установить свойство listStyleType: $("div").css("listStyleType","...");
  • Как использовать популярный jQuery для свойств CSS, - читайте статью "jQuery для начинающих".
Александр Ермаков. Хостинг - www.pwstudio.org