list-style-type | Свойство CSS - Справочник CSS3 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Четверг, 08.12.2016
Главная » Справочник CSS3 » Свойства списка


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


list-style-type | Свойство CSS

Свойство list-style-type устанавливает тип маркера.




Свойство list-style-type устанавливает тип маркеру списка по дополнительному значению.Самим маркером может быть изображение,графический символ или вариант нумерации.Дополнительно,существует порядок установки расширенных свойств.Порядок установки расширенных свойств:
1.list-style-type
2.list-style-position
3.list-style-image
Свойство применимо к элементам списка,создано в версии CSS1 но проходит валидацию согласно версии CSS3.




Дополнительные свойства list-style-type


Свойство
Описание
list-style-positionПозиционирует маркер
list-style-imageМаркером служит изображение



Дополнительные значения list-style-type


Значение
Описание
noneОтсутствие маркера
armenianМаркером служит Армянская нумерация
georgianМаркером служит Грузинская нумерация
hebrewМаркером служит Ивритская нумерация
lower-romanМаркером служит Римская строчная нумерация
upper-romanМаркером служит Римская прописная нумерация
lower-latin
lower-alpha
Маркером служит Латинская строчная нумерация
upper-latin
upper-alpha
Маркером служит Латинская прописная нумерация
decimalМаркером служит десятичные числа,является значением по умолчанию для тега <ol>
decimal-leading-zeroМаркером служит десятичные числа с добавлением нуля
discМаркером служит заполненный кружок,является значением по умолчанию для тега <ul>
circleМаркером служит полый кружок
squareМаркером служит заполненный квадратик
inheritМаркером служит родительский элемент


Свойство работает в браузерах




Пример применения свойства



<!DOCTYPE html>
<html lang="ru">
<head>
<title>Свойство list-style-type</title>
<meta charset="utf-8">
<style type="text/css">
<!--
ul#ar {
list-style-type:armenian;
}
ul#gr {
list-style-type:georgian;
}
ul#iv {
list-style-type:hebrew;
}
ul#rs {
list-style-type:lower-roman;
}
ul#rp {
list-style-type:upper-roman;
}
ul#ls {
list-style-type:lower-latin;
}
ul#lp {
list-style-type:upper-latin;
}
ul#ds {
list-style-type:decimal;
}
ul#dn {
list-style-type:decimal-leading-zero;
}
ul#dc {
list-style-type:disc;
}
ul#cc {
list-style-type:circle;
}
ul#kv {
list-style-type:square;
}
-->
</style>
</head>
<body>
<ul id="ar">
<li>Добавляем</li>
<li>Маркеру</li>
<li>Значение</li>
<li>armenian</li>
</ul>
<ul id="gr">
<li>Добавляем</li>
<li>Маркеру</li>
<li>Значение</li>
<li>georgian</li>
</ul>
<ul id="iv">
<li>Добавляем</li>
<li>Маркеру</li>
<li>Значение</li>
<li>hebrew</li>
</ul>
<ul id="rs">
<li>Добавляем</li>
<li>Маркеру</li>
<li>Значение</li>
<li>lower-roman</li>
</ul>
<ul id="rp">
<li>Добавляем</li>
<li>Маркеру</li>
<li>Значение</li>
<li>upper-roman</li>
</ul>
<ul id="ls">
<li>Добавляем</li>
<li>Маркеру</li>
<li>Значение</li>
<li>lower-latin</li>
</ul>
<ul id="lp">
<li>Добавляем</li>
<li>Маркеру</li>
<li>Значение</li>
<li>upper-latin</li>
</ul>
<ul id="ds">
<li>Добавляем</li>
<li>Маркеру</li>
<li>Значение</li>
<li>decimal</li>
</ul>
<ul id="dn">
<li>Добавляем</li>
<li>Маркеру</li>
<li>Значение</li>
<li>decimal-leading-zero</li>
</ul>
<ul id="dc">
<li>Добавляем</li>
<li>Маркеру</li>
<li>Значение</li>
<li>disc</li>
</ul>
<ul id="cc">
<li>Добавляем</li>
<li>Маркеру</li>
<li>Значение</li>
<li>circle</li>
</ul>
<ul id="kv">
<li>Добавляем</li>
<li>Маркеру</li>
<li>Значение</li>
<li>square</li>
</ul>
</body>
</html>

Пример в действии




Поэкспериментируйте сами





Русские шрифты






Источник: http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type
Категория: Свойства списка | Добавил: IZOTOP (14.04.2012) | Автор: Меренков Михаил E W
Просмотров: 1020 | Теги: списка, css, это, свойство, style, list-style-type, что, чего, для | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]