Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Списки : list-style-position

смотрим также

Материал из Справочник Web-языков

Перейти к: навигация, поиск


Содержание

Атрибут list-style-position | Свойство listStylePosition

Задает положение маркера относительно текста в элементе списка.

Синтаксис

HTML { list-style-position : sPosition }
Скрипты [ sPosition = ] object.style.listStylePosition

Используемые значения

sPosition
Строка, которая может определять и принимать одно из следующих значений:
outside
Значение по умолчанию. Символ маркера находится слева от текста. Вторая и последующие строки текста не располагается под символом маркера.
inside
Маркер находится в самом тексте. Вторая и последующие строки текста располагается в том числе и под символом маркера.

Это свойство читается/записывается для всех объектов. Значением по умолчанию является outside. Атрибут Каскадных таблиц стилей (CSS) наследуется.

Замечания

Свойство listStylePosition применяется ко всем элементам, для которых заданы margin и display:list-item.

Чтобы показывался символ маркера списка, для свойства margin должно быть установлено значение минимум 30 pt.

Примеры

Следующие примеры иллюстрируют применение свойства listStylePosition и атрибута list-style-position для задания положения маркера списка.

В примере используются селекторы ul и UL.compact, а также атрибут list-style-position.

<STYLE>
    UL	{ list-style-position:inside }
    UL.compact { list-style-position:outside }
</STYLE>
</HEAD>
<BODY>
<UL>
    <LI>... 
    <LI>... 
</UL>
<UL CLASS=compact>
    <LI>... 
    <LI>...
</UL>

Во втором примере используется свойство listStylePosition для смены положения маркера списка, когда происходит событие onmouseover.

<SPAN STYLE="width:3cm" onmouseover="this.style.listStylePosition='inside'"
    onmouseout="this.style.listStylePosition='outside'">

Стандарты

Это свойство описано в Cascading Style Sheets (CSS), Level 1 (CSS1)

Ссылки на источники

http://msdn.microsoft.com/en-us/library/ms530795(VS.85).aspx

https://developer.mozilla.org/en/CSS/list-style-position

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="http://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования