Общее свойство списков: list-style

list-style

Поддержка браузерами
Настольные браузеры Chrome Firefox Internet Explorer Opera Safari
Базовая поддержка, версии браузеров 1.0 1.0 4.0 7.0 1.0
Мобильные браузеры Android Firefox Mobile IE Phone Opera Mobile Safari Mobile
Базовая поддержка, версии браузеров 1.0 1.0 6.0 6.0 1.0
Свойство
list-style — общее свойство для списков
Наследование
Наследуется. Это значит что стили применённые к родительскому элементу передадутся потомкам
Применяется
К элементам списка ul, ol, li и к элементам к которым применено свойство display со значением list-item
Может принимать значения
list-style-type | list-style-position | list-style-image | inherit
Значение по умолчанию
у каджого перечисленного свойства своё значение
Правила записи
свойство: перечисление значений свойств;

  • свойства должны перечисляться через пробел, а не запятую
  • порядок следования значений не важен
  • колличество указываемых свойств не важно, для пропущенных свойств будет установлено значение по умолчанию
Примеры
list-style: upper-roman;
  • значение списка 1
  • значение списка 2
  • значение списка 3
list-style: inside url('image/marker1.png');
  • значение списка 1
  • значение списка 2
  • значение списка 3
list-style: circle url('image/marker2.png') outside;
  • значение списка 1
  • значение списка 2
  • значение списка 3
list-style: inherit; Это значит что свойство унаследует значение от родителя
Поделиться