Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Списки : list-style-position
Материал из Справочник Web-языков
|
Разработка и внедрение CRM-систем | |||||||
|
Содержание |
Атрибут 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)
Ссылки на источники
https://msdn.microsoft.com/en-us/library/ms530795(VS.85).aspx
