Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - list-style-image.

Поддержка Браузеров

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть поддерживается во всех основных браузерах.

Определение и использование. Свойство list-style-image заменяет список-маркера элемента с изображением, то есть свойство list-style-image указывает url адрес изображения, которое служит в качестве маркера списка для выбранного элемента. Свойство list-style-image наследуется и для отдельных элементов выбранного списка для восстановления маркера применяется значение none. Внимание!!! Всегда указывайте свойство list-style-type в дополнение. Это свойство используется, если изображение почему-то недоступено.

По простому говоря, свойство list-style-image заменяет стандартный маркер выбранного элемента списка на Вами сделанное или выбранное изображение, согласно указанного адреса изображения.

Крайне интересное и полезное тут не в том, что совершается какое-то изменение какого-то участка( тега) страницы сайта. Вся удивительная и необходимая информация состоит в том, что свойство list-style-image, которое действует через стили CSS3 самостоятельно и независимо работает даже при отключения JavaScripta в браузере Вашего компьютера. Вам не надо гадать: будет работать - не будет работать.


Синтаксис:

       list-style-image: none|url|initial|inherit;

Описание и Использование

Значение по умолчанию: none
наследует: да
Версия: CSS1
JavaScript синтаксис: object.style.listStyleImage="url('smiley.gif')"


Свойства Значения

Значение Описание
none Изображение не будет отображаться. Вместо этого list-style-type определяет тип маркера. Это значение установлено по умолчанию
url Путь к образу, который будет использоваться в качестве list-item маркера
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


Пишем программу:

< !DOCTYPE>
< html>
< head>
< style>
ul#rr 
{
list-style:square url(../fon/602.jpg);
}
< /style>
< /head>
< body>
< ul id="rr">
< li>Пиво< /li>
< li>Водка< /li>
< li>Вино< /li>
< /ul>
< /body>
< /html>                     

Результат программы:

  • Пиво
  • Водка
  • Вино



  • seosait21.ru
    HTML

    seosait21.ru
    CSS

    seosait21.ru
    Web-диз.
    HTML ссылка CSS ссылка ...

    seosait21.ru
    JavaScript

    seosait21.ru
    PHP

    seosait21.ru
    JQuery
    JavaScript ссылка PHP ссылка JQuery ссылка

    seosait21.ru
    SEO.

    seosait21.ru
    MySQL

    seosait21.ru
    XML
    ... ... ...
    ПОНРАВИЛОСЬ?
    ПОДЕЛИСЬ с ДРУЗЬЯМИ: