Серверное время 2018-04-24 20:54:58
Приветствую вас, Гость
Понравился сайт - нажми CTRL+D и добавь в закладки..
Свойства CSS
CSS по категориям
Статистика
Яндекс.Метрика
Реклама
Реклама

list-style-type

Браузер
Internet Explorer
Chrome
Opera
Safari
Firefox
Версия
6.0
7.0
8.0
9.0
2.0
3.0
4.0
5.0
9.2
9.6
10
2.0
3.1
4.0
5.0
2.0
3.0
3.6
4.0
Поддержка
Возможно неправильное отображение
Возможно неправильное отображение
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Краткая информация
CSS CSS1+
Значение по умолчанию disc (для <ul>); decimal (для <ol>)
Наследуется Да
Применяется К тегам <dd>, <dt>, <li>, <ol> и <ul>, а также ко всем элементам, у которых указано display: list-item
Ссылка на спецификацию открыть в новой вкладке
Описание
Изменяет вид маркера для каждого элемента списка. Это свойство используется только в случае, когда значение list-style-image установлено как none. Маркеры различаются для маркированного списка (тег <ul>) и нумерованного (тег <ol>).
Синтаксис
list-style-type: circle | disc | square | armenian | decimal | decimal-leading-zero | georgian | lower-alpha | lower-greek | lower-latin | lower-roman | upper-alpha | upper-latin | upper-roman | none | inherit
Аргументы
Значения зависят от того, к какому типу списка они применяются: маркированному или нумерованному.
Маркированный список
circle - Маркер в виде кружка.
disc - Маркер в виде точки.
square - Маркер в виде квадрата.
Нумерованный список
armenian - Традиционная армянская нумерация.
decimal - Арабские числа (1, 2, 3, 4,...).
decimal-leading-zero - Арабские числа с нулем впереди для цифр меньше десяти (01, 02, 03,...).
georgian - Традиционная грузинская нумерация.
lower-alpha - Строчные латинские буквы (a, b, c, d,...).
lower-greek - Строчные греческие буквы.
lower-latin - Это значение аналогично lower-alpha.
lower-roman - Римские числа в нижнем регистре (i, ii, iii, iv, v,...).
upper-alpha - Заглавные латинские буквы (A, B, C, D,...).
upper-latin - Это значение аналогично upper-alpha.
upper-roman - Римские числа в верхнем регистре (I, II, III, IV, V,...).
none - Отменяет маркеры для списка.
inherit - Наследует значение родителя.
Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>list-style-type</title>
<style type="text/css">
OL {
list-style-type: upper-alpha; /*Заглавные буквы*/
}
</style>
</head>
<body>
<ol>
 <li>Lorem ipsum dolor sit amet</li>
 <li>Consectetuer adipiscing elit</li>
 <li>Sed diem nonummy nibh euismod</li>
 <li>Tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</li>
</ol>
</body>
</html>

Демонстрация примера
Объектная модель
[window.]document.getElementById("elementID").style.listStyleType
Браузеры
В браузере Internet Explorer 6 при использовании нумерованного списка <ol> и значения inside свойства list-style-position, числа идущие с 10, начинают накладываться на текст списка.
Браузер Internet Explorer до версии 7.0 включительно не поддерживает значения armenian, decimal-leading-zero, georgian, lower-greek, lower-latin, upper-latin, inheirt. Вместо них выводится нумерация арабскими числами. В этом браузере нумерация или маркеры не отображаются для плавающих элементов (UL { float: left; }).
Internet Explorer 8 дополнительно понимает значение upper-greek, которое устанавливает нумерацию в виде заглавных греческих букв.
Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (0)
Имя
Email
Осталось 65535 символов
© 2006-2012, Home-test.biz