English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS справочник

CSS @RULES

Полный список свойств CSS

Метод использования и примеры свойства list-style-position CSS

Свойство list-style-position CSS определяет положение маркера элемента списка относительно основного блока блока.

В таблице ниже приведены инструкции по использованию и истории версий этого свойства, а также грамматика использования в скриптах JavaScript.

Значение по умолчанию:outside
Доступно для:Элемент списка
Инheritance:Да
Анимирован:Нет.См. также Анимационные свойства.
Версия:CSS 1, 2, 3
JavaScript грамматика:объект.style.listStylePosition="inside"

Грамматика использования стиля списка

Грамматика этого свойства такая:

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

Ниже приведен пример того, как использовать свойство list-style-position.

  ol {
   list-style-position: inside;
  }
  ul {
   list-style-position: outside;
  }
Проверьте, чтобы посмотреть‹/›

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

В таблице ниже описаны значения этого свойства.

ЗначениеОписание
insideМаркеры списка помещаются в первый внутренний фрейм блока, расположенный перед содержимым элемента.
outsideМаркеры списка помещаются вне основного блока блока. Это значение по умолчанию.
initialУстановить этот атрибут в его значение по умолчанию.
inheritЕсли указано, то связанный элемент использует значение свойства list-style-position родительского элемента.

Совместимость браузеров

Совместимость браузеров для свойств list-style-position, числа в таблице указывают на минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.

  • Firefox 1+

  • Google Chrome 1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Дополнительное чтение

Пожалуйста, обратитесь к следующим инструкциям:HTML списки,CSS списки.

Связанные свойства:list-style,list-style-image,list-style-type.