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

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

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


Содержание

[править] Атрибут list-style-type | Свойство listStyleType

Задает тип маркера для элемента списка.

[править] Синтаксис

HTML { list-style-type : sType }
Скрипты [ sType = ] object.style.listStyleType

[править] Используемые значения

sType
Строка, которая может определять и принимать одно из следующих значений:
disc
Значение по умолчанию. Закрашенный кружок.
circle
Незакрашенный кружок.
square
Закрашенный квадрат.
decimal
1, 2, 3, 4 и т.д.
decimal-leading-zero
Internet Explorer 8. 01, 02, 03, 04 и т.д.
lower-alpha
a, b, c, d и т.д.
upper-alpha
A, B, C, D и т.д.
lower-roman
i, ii, iii, iv и т.д.
upper-roman
I, II, III, IV и т.д.
lower-greek
Internet Explorer 8. Строчные греческие буквы: альфа, бета, гамма и т.д.
lower-latin
Internet Explorer 8. Строчные латинские буквы: a, b, c, d и т.д.
upper-latin
Internet Explorer 8. Прописные латинские буквы: A, B, C, D и т.д.
armenian
Internet Explorer 8. Традиционные армянские числа.
georgian
Internet Explorer 8. Традиционные грузинские числа: ан, бан, ган, дон и т.д.
none
Маркер не показывается.

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

[править] Замечания

Изображения маркеров, описанные в свойстве listStyleType, будут показываться, если для атрибута list-style-image установлено значение none, или рисунок, заданный в list-style-image, недоступен по указанному URL.

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

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

[править] Примеры

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

В примере используются селектор ul и атрибут list-style-type, чтобы задать изображение маркера в виде незакрашенного кружка.

<style>
    ul { list-style-type:circle }
</style>>

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

<UL onmouseover="this.style.listStyleType='circle'">

В третьем примере показывается, как задать стили списка в Internet Explorer 8.0

<style type="text/css">
.decleadzero {
	list-style-type: decimal-leading-zero;
}
...
</style>
<body>
	<ol class="decleadzero">
		<li>Первый элемент списка</li>
		<li>Второй элемент списка</li>
		<li>Третий элемент списка</li>
	</ol>
    ...
</body>

[править] Стандарты

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

[править] Ссылки на источники

https://msdn.microsoft.com/en-us/library/ms530797(VS.85).aspx

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

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