
	Главная > CSS > Основы CSS > Списки

МЕНЮ

H T M L

C S S

С к р и п т ы

JAVA скрипты

Раскрутка Сайта

Готовые шаблоны сайтов

П р о г р а м м ы

Поситите наш проект про мобильные телефоны http://samsu.narod.ru

Списки

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

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

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

NC – Netscape Communicator; IE – Internet Explorer; 4+ означает версию 4 и выше.

Пример 1. Создание маркированного списка

<html>
<head>
<style type="text/css">
LI { list-style: square; list-style-position: outside; color: navy}
</style>
</head>

<body>
<ul>
<li>Заголовок должен быть короче трех строк;
<li>При названии разделов используйте уже устоявшиеся термины, такие как гостевая книга, чат, ссылка, главная страница и другие;
<li>Перед использованием специального термина или слова, решите, будет ли оно понятно читателю;
<ul>
</body>
</html>

В примере используются квадратные маркеры и их внешнее размещение относительно текста. Цвет – темно-синий.