Posts Tagged ‘нумерованные’

Свойства списков

Воскресенье, Апрель 8th, 2012 Нет комментариев

Under : , , , , , ,

С помощью CSS можно создать маркированные и нумерованные списки, а также использовать в качестве маркера подходящее изображение.

В табл. 1 перечислены свойства элементов, предназначенных для создания и изменения списков.

Табл. 1. Свойства CSS для управления видом списка
Свойство Значение Описание Пример
list-style-type disc
circle
square
decimal
lower-roman
upper-roman
lower-alpha
upper-alpha
none
Вид маркера. Первые три используются для создания маркированного списка, а остальные — для нумерованного. LI {list-style-type: circle}
LI {list-style-type: upper-alpha}
list-style-image none
URL
Устанавливает символом маркера любую картинку. LI {list-style-image: url(check.gif)}
list-style-position outside
inside
Выбор положения маркера относительно блока строк текста. LI {list-style-position: inside}
list-style Универсальное свойство, включает одновременно все вышеперечисленные свойства.

Поскольку тег <li> наследует стилевые свойства тега <ol> или <ul>, который выступает в качестве его родителя, то можно устанавливать стиль как для селектора UL, так и для селектора LI. Так, в примере 1 используется селектор UL, для него и задаются стилевые параметры. (далее…)