Основы работы с XHTML и CSS

         

Оформление неупорядоченных списков


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

<ul> <li>Элемент списка 1</li> <li>Элемент списка 2</li> <li>Элемент списка 3</li> </ul>

· Элемент списка 1 · Элемент списка 2 · Элемент списка 3

Листинг 6.1. Неупорядоченный список (html, txt)

Тип маркера можно определять с помощью исключенного атрибута type="disc|circle|square" тега <ul>.

Однако предпочтительнее применять вместо этого атрибута свойства таблиц стилей. Для неупорядоченных списков существует два свойства стиля, которые можно использовать для задания типа символа маркера, который предшествует элементам списка. Эти свойства и их соответствующие значения показаны в таблице 6.1.

Таблица 6.1. Типы маркеров оформления списков

СвойствоЗначение
list-style-typedisc circle square none
list-style-imageurl(url)



Содержание раздела