Атрибуты: Параметры списков.

  Отдельные атрибуты стилей списков применяются для установки стилей маркера в пользовательском представлении контента элементов списков, размещаемых на Web-странице соответствующими тегами UL, OL и(или) LI.
  Атрибуты:
  list-style-type - Устанавливает тип маркера или номера.

Формат:

  • list-style-type:
      disc
      |circle
      |square
      |decimal
      |decimal-leading-zero
      |lower-roman
      |upper-roman
      |lower-greek
      |lower-alpha
      |lower-latin
      |upper-alpha
      |upper-latin
      |armenian
      |arabic-indic
      |bengali
      |cambodian
      |khmer
      |cjk-earthly-branch
      |cjk-heavenly-stem
      |cjk-ideographic
      |devanagari
      |georgian
      |gujarati
      |gurmukhi
      |hebrew
      |hiragana
      |hiragana-iroha
      |katakana
      |katakana-iroha
      |kannada
      |korean-hangul-formal
      |korean-hanja-formal
      |korean-hanja-informal
      |lao
      |malayalam
      |mongolian
      |oriya
      |persian
      |simp-chinese-formal
      |simp-chinese-informal
      | trad-chinese-formal
      |trad-chinese-informal
      |telugu
      |thai
      |tibetan
      |none
      |initial
      |inherit
      |unset

Значения:

  • disc - Маркер в виде черного кружка (умолчание для маркированных списков).
  • circle - Маркер в виде окружности (умолчание для второго уровня вложенных маркированных списков).
  • square – Маркер в виде черного квадратика (умолчание для третьего уровня вложенных маркированных списков).
  • decimal – Нумерация арабскими цифрами начиная от 1 (умолчание для нумерованных списков).
  • decimal-leading-zero - Устанавливает нумерацию арабскими цифрами начиная от 01.
  • lower-roman - Нумерация маленькими римскими цифрами.
  • upper-roman – Нумерация большими римскими цифрами.
  • lower-greek– "Нумерация" маленькими греческими буквами.
      Если букв не хватает для строк списка, то соответственно увеличивается разрядность номера.
  • lower-alpha - "Нумерация" маленькими латинскими буквами.
      Если букв не хватает для строк списка, то соответственно увеличивается разрядность номера.
  • lower-latin - "Нумерация" маленькими латинскими буквами.
      Если букв не хватает для строк списка, то соответственно увеличивается разрядность номера.
  • armenian - "Нумерация" традиционными армянскими цифрами.
  • arabic-indic - "Нумерация" буквами арабского алфавита.
  • bengali - "Нумерация" буквами бенгальского алфавита.
  • cambodian, khmer - "Нумерация" буквами кхме́рского алфавита.
  • cjk-earthly-branch, cjk-heavenly-stem, cjk-ideographic - "Нумерация" иероглифами диалектов китайского языка.
  • devanagari - "Нумерация" буквами алфавита Деванагари.
  • georgian – "Нумерация" традиционными грузинскими цифрами.
  • gujarati - "Нумерация" буквами алфавита Гуджара́ти.
  • gurmukhi - "Нумерация" буквами алфавита gujarati.
  • hebrew - "Нумерация" буквами алфавита иврит.
  • hiragana, hiragana-iroha, katakana, katakana-iroha - "Нумерация" иероглифами разновидностей японского языка.
  • kannada - "Нумерация" буквами алфавита Ка́ннада.
  • korean-hangul-formal - "Нумерация" иероглифами языка Хангы́ль.
  • korean-hanja-formal, korean-hanja-informal - "Нумерация" иероглифами разновидностей языка Ханча́.
  • lao - "Нумерация" иероглифами языка Лао.
  • malayalam - "Нумерация" иероглифами языка Малая́лам.
  • mongolian - "Нумерация" буквами монгольского языка.
  • oriya - "Нумерация" буквами языка Ория.
  • persian - "Нумерация" буквами персидского языка.
  • simp-chinese-formal, simp-chinese-informal, trad-chinese-formal, trad-chinese-informal - "Нумерация" иероглифами разновидностей китайского языка.
  • telugu - "Нумерация" буквами алфавита Те́лугу.
  • thai - "Нумерация" буквами тайского языка.
  • tibetan - "Нумерация" буквами тибетского языка.
  • none – Отменяет маркировку и нумерацию.
      Элементу тега LI возвращает маркировку установленную для соответствующего элемента UL или) OL.
  • inherit - Значение атрибута наследуется от элемента "родительского" тега.
  • initial - Значение атрибута устанавливается в значение по умолчанию.
  •  unset – Значения атрибута приводятся к унаследованным значениям, если таковые есть, в противном случае - к значениям по умолчанию.
  Атрибут list-style-type устанавливает тип маркера, не обращая внимания на то, маркированный это список, или нумерованный.
  Если атрибут list-style-type связан с элементом тега LI, то его значение, кроме значения none, имеет приоритет перед значением, установленным этим атрибутом для соответствующего элемента UL или OL.
  Для нумерованных списков "номер" соответствующего элемента тега LI, заданный для него в любом формате, сохраняет соответствие его месту в списке.
  В любом случае последовательность нумерации соответствует местоположению элементов тега LI в списке.
  list-style-image - Устанавливает изображение в качестве маркера.
  Применяется к элементам тегов UL, OL и(или) LI.
  Значение, кроме значения none, имеет приоритет над значением атрибута list-style-type.

Формат:

  • list-style-image:
      Изображение
      |none

Значения:

  • Изображение - CSS значение изображения.
  • none - Отменяет применение атрибута list-style-image (например из скрипта).
      В этом случае в силу вступит значение атрибута list-style-type.
  Если атрибут list-style-image связан с элементом тега LI, то его значение, кроме значения none, имеет приоритет перед значением, установленным этим атрибутом для соответствующего элемента тега UL или OL.
  Значение, установленное для элемента тега UL или OL кроме значения none, имеет приоритет над значением атрибута list-style-type установленным этому же элементу.
  В случае, если в нумерованном списке для каких-либо элементов тега LI установлено изображение для маркера, последовательность нумерации всё равно соответствует местоположению элементов тега LI в списке.
  list-style-position - Устанавливает позицию маркера в строке списка.

Формат:

  • list-style-position:
      inside
      |outside
      |initial
      |inherit
      |unset

Значения:

  • inside - Маркер или номер будут находиться внутри строки списка, то есть будет включен в контент строки списка.
      В этом случае, например, цифровые маркеры выровняются вместе с контентом.
  • outside - Маркер или номер будут находиться за пределами строки списка, то есть будет отображён отдельно от контента строки списка.
      В этом случае, например, цифровые маркеры выровняются отдельно от контента.
      Это нормальное состояние, оно наследуется от тега HTML (inherit на самом верхнем возможном уровне).
  • inherit - Значение атрибута наследуется от элемента "родительского" тега.
  • initial - Значение атрибута устанавливается в значение по умолчанию.
  •  unset – Значения атрибута приводятся к унаследованным значениям если таковые есть, в противном случае - к значениям по умолчанию.
  Если атрибут list-style-position связан с элементом тега LI, то его значение имеет приоритет перед значением, установленным этим атрибутом для соответствующего элемента тега UL или OL.
  list-style - Устанавливает общий стиль маркера.

Формат:

  • list-style:
      [Вид] [Изображение] [Позиция]

Значения:

  • Вид - Вид маркера - значение атрибута list-style-type.
  • Изображение - Изображение маркера - значение атрибута list-style-image.
  • Позиция - Позиция маркера - значение атрибута list-style-position.