Форум сайтостроителей

list-style-position CSS

Определяет, как будет размещаться маркер относительно текста — маркер обтекается текстом (рис. 1) или вынесен за границу элемента списка (рис. 2).

Песочница

  • Винни-Пух был всегда не прочь немного подкрепиться, в особенности часов в одиннадцать утра, потому что в это время завтрак уже давно окончился, а обед ещё и не думал начинаться. И, конечно, он страшно обрадовался, увидев, что Кролик достаёт чашки и тарелки.
ul {
  list-style-position: inside;
}

Краткая информация

Значение по умолчаниюoutside
НаследуетсяДа
ПрименяетсяК элементам <dd>, <dt>, <li>, <ol> и <ul>, а также ко всем элементам, у которых указано displaylist-item
АнимируетсяНет
list-style-position: inside | outside

Значения

inside
Маркер является частью текстового блока и отображается в элементе списка.
outside
Текст выравнивается по левому краю, а маркеры размещаются за пределами текстового блока.

Значение inside

Рис. 1. Значение inside

Значение outside

Рис. 2. Значение outside

Вы можете оставить отзыв, подписаться на обновленияОбновления блога по RSSRSS или Обновления блога на TwitterTwitter !