Уникальное место! Здесь можно легко заработать реальные деньги.
К вашим услугам несколько методов заработка!
Просматривайте сайты, читайте письма рекламодателей, выполняйте несложные и интересные тесты и задания за вознаграждение.
Вы сможете получить свои первые деньги уже сразу после начала работы.
Кликайте по баннеру ниже и начинайте работать!

SEO sprint - Всё для максимальной раскрутки!

Главная » Все материалы сайта » Справочник CSS-3 » Списки

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

| Свойство CSS

list-style-image

Internet Explorer		Chrome	Opera	Safari	Firefox	Android	iOS
6.0+	8.0+	1.0+	3.5+	1.0+	1.0+	1.0+	1.0+

Краткая информация

Значение по умолчанию	none
Наследуется	Да
Применяется	К тегам <dd>, <dt>, <li>, <ol> и <ul>, а также ко всем элементам, у которых указано display: list-item
Ссылка на спецификацию	http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image

Версии CSS

CSS 1	CSS 2	CSS 2.1	CSS 3

Описание

Устанавливает адрес изображения, которое служит в качестве маркера списка. Это свойство наследуется, поэтому для отдельных элементов списка для восстановления маркера используется значение none.

Синтаксис

list-style-image: none | url('путь к файлу') | inherit

Значения

none: Отменяет изображение в качестве маркера для родительского элемента.
url: Относительный или абсолютный путь к графическому файлу. Значение можно указывать в одинарных, двойных кавычках или без них.
inherit: Наследует значение родителя.

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

<!DOCTYPE html>
<html>
<head>
<title>Свойство list-style-image</title>
<meta charset="utf-8">
<style type="text/css">
<!--
ul {
list-style-image: url(http://free20860soft.narod.ru/CSS_3/img_css_3/list-style.gif);
}
ol {
list-style-image: url(/CSS_3/img_css_3/list-style2.gif);
}
-->
</style>
</head>
<body>
<p>Добавляем изображение с полным адресом</p>
<ul>
<li>Добавляем</li>
<li>Маркер</li>
<li>Списка</li>
</ul>
<p>Добавляем изображение с относительным адресом</p>
<ol>
<li>Добавляем</li>
<li>Маркер</li>
<li>Списка</li>
</ol>
</body>
</html>

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

Источник: http://htmlbook.ru/

Поделись ссылкой на эту страницу с друзьями:

Категория: Списки | Добавил: free20860soft (01.07.2013)

Просмотров: 586 | Рейтинг: 0.0/0

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