Авторский знак. 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 31


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

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

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

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

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

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


Синтаксис:

          float: list-style-type list-style-position list-style-image|initial|inherit;

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

Значение по умолчанию: диск снаружи нет
наследует: да
Версия: CSS1
JavaScript синтаксис: object.style.listStyle="decimal inside"


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

Значение Описание
list-style-type Указывает тип list-item маркера.
list-style-position Указывает, где разместить list-item маркера.
list-style-image Указывает тип 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
    ... ... ...
    ПОНРАВИЛОСЬ?
    ПОДЕЛИСЬ с ДРУЗЬЯМИ: