Листинг 9.1

squared { list-style-type: square }

.

<UL>

<LI>Первый пункт</LI>

<LI CLASS="squared">Второй пункт (с другим маркером)</LI>

<LI>Третий пункт</LI>

</UL>

 

Атрибут стиля list-style-image позволяет задать в качестве маркера пунктов списка какое-либо графическое изображение (создать графический маркер ).

В этом случае значение атрибута стиля list-style-type, если таковой задан, игнорируется:

list-style-image: none|<интернет-адрес файла изображения> |inherit

Интернет-адрес файла с графическим маркером задается в таком же формате, что и интернет-адрес файла фонового изображения (см. главу 8 ):

UL { list-style-image: url(/markers/dot.gif) }

Значение none убирает графический маркер и возвращает простой, неграфический. Это обычное поведение.

Атрибут стиля list-style-image также можно задавать как для самих списков, так и для отдельных их пунктов.

Атрибут стиля list-style-position позволяет указать местоположение маркера или нумерации в пункте списка:

list-style-position: inside|outside|inherit

Доступных значений здесь два:

— inside — маркер или нумерация находятся как бы внутри пункта списка, являются его частью;

— outside — маркер или нумерация вынесены за пределы пункта списка (это обычное поведение).

Непонятно, зачем нужен данный атрибут стиля, ведь списки, в которых маркер или нумерация вынесены за пределы пунктов, лучше читаются. Ну, раз он присутствует в стандарте CSS, значит, так тому и быть…

Пример:

OL { list-style-position: inside }

 








Дата добавления: 2015-05-08; просмотров: 588;


Поиск по сайту:

При помощи поиска вы сможете найти нужную вам информацию.

Поделитесь с друзьями:

Если вам перенёс пользу информационный материал, или помог в учебе – поделитесь этим сайтом с друзьями и знакомыми.
helpiks.org - Хелпикс.Орг - 2014-2024 год. Материал сайта представляется для ознакомительного и учебного использования. | Поддержка
Генерация страницы за: 0.005 сек.