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

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

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

Определение и использование. Свойство list-style-position определяет список-пункт маркеры должны появиться внутри или вне потока контента, то есть свойство list-style-position определяет расположение маркера относительно элемента списка. Маркер может быть расположен либо внутри выбранного элемента списка вместе с содержимым, либо за границей выбранного элемента списка( применяется по умолчанию).

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


Синтаксис:

         list-style-position: inside|outside|initial|inherit;

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

Наследует по умолчанию: outside
наследует: да
Версия: CSS1
JavaScript синтаксис: object.style.listStylePosition="inside"


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

Значение Описание
inside Отступы маркером и текстом. Пули появляться внутри потока контента
outside Держит маркер слева от текста. Пули появляется за пределами потока контента. Это значение установлено по умолчанию
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


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

< !DOCTYPE>
< html>
< head>
< style>
ul.a {list-style-position:inside;}
ul.b {list-style-position:outside;}
< /style>
< /head>
< body>
< p>Следующий список содержит list-style-position: внутрь:< /p>
< ul class="a">
< li>Пиво< /li>
< li>Водка< /li>
< li>Вино< /li>
< /ul>
< p>Следующий список содержит list-style-position: снаружи:< /p>
< ul class="b">
< li>Пиво< /li>
< li>Водка< /li>
< li>Вино< /li>
< /ul>
< p>list-style-position: снаружи - это Настройка по умолчанию.< /p>
< /body>
< /html>                      

Результат программы:< /p>

Следующий список содержит list-style-position: внутрь:

  • Пиво
  • Водка
  • Вино
  • Следующий список содержит list-style-position: снаружи:

  • Пиво
  • Водка
  • Вино
  • list-style-position: снаружи - это Настройка по умолчанию.




    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
    ... ... ...
    ПОНРАВИЛОСЬ?
    ПОДЕЛИСЬ с ДРУЗЬЯМИ: