Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Информационный Бестселлер на DVD или CD

Статьи для сайтов!!!
Главная CSS по шагам Свойства CSS List-style-position List-style-type

Свойство list-style-position

Описание

Свойство list-style-position задает положение маркера в списке.

Свойство применимо к тегам <dd>, <dt>, <li>, <ol> и <ul>.

Значение

- outside - маркер располагается за пределами списка,

- inside – маркер располагается внутри границ списка - его обтекает текст,

- inherit - принимает значение свойства родительского элемента.

Значение по умолчанию

- outside


Пример

Пример - Свойство list-style-position

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title> Свойство list-style-position </title>
</head>
<body>

<ul style="list-style-position:inside; width:250px">
<li> Маркеры располагаются внутри списка.
<li> Текст обтекает маркеры.
</ul>
<ul style="list-style-position:outside; width:250px">
<li> Маркеры вынесены за пределы границ списка!
<li> Вот так!
</ul>

</body>
</html>

При просмотре в браузере

  • Маркеры располагаются внутри списка.
  • Текст обтекает маркеры.
  • Маркеры вынесены за пределы границ списка!
  • Вот так!


Свойство List-style-image Свойство List-style-position Свойство List-style-type
Свойства CSS
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru