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

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

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

Определение и использование. Свойство list-style-type определяет тип список-маркера элемента в списке - действует на элементы, значение свойства display которых имеет list-item. Свойство list-style-type преобразовывает вид маркера для каждого элемента списка. Свойство list-style-type действует тогда, когда значение свойства list-style-image установлено на значение none. Как Вы знаете, что маркеры различаются для маркированного списка < ul> и нумерованного < ol>.

В некоторых случаях свойство list-style-type расширяет возможности воздействия на посетителей вашего сайта акцентированным выделением какого-либо списка, ну, хотя бы в интернет-магазине.

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


Синтаксис:

          list-style-type: value;

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

Значение по умолчания: диск
наследует: да
Версия: CSS1
JavaScript синтаксис: object.style.listStyleType="square"


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

Значение Описание
disc Значение по умолчанию. Маркер-это круг, заполненный
armenian Маркер-это традиционный армянский нумерации
circle Маркер-это круг
cjk-ideographic Маркер-это обычный идеографический чисел
decimal Маркер-это количество
decimal-leading-zero Маркер рядом с ведущим нулем (01, 02, 03 и др.)
georgian Маркер-это традиционный грузинский нумерации
hebrew Маркер традиционных иврит нумерации
hiragana Маркер традиционной нумерации Хирагана
hiragana-iroha Маркер традиционных Хирагана iroha нумерации
katakana The marker is traditional Katakana numbering
katakana-iroha Маркер традиционных Катакана iroha нумерации
lower-alpha Маркер ниже-Альфа (a, b, c, d, e и др.)
lower-greek Маркер ниже-греческий
lower-latin Маркер ниже-латинский (a, b, c, d, e и др.)
lower-roman Маркер ниже-римские цифры (i, ii, iii, iv, v и др.)
none Ни один маркер не отображается
square Маркер-это квадрат.
upper-alpha Маркер-это верхний-Альфа (A, B, C, D, E и др.) 
upper-latin Маркер верхнем латинский (A, B, C, D, E и др.)
upper-roman Маркер верхнем римские цифры (I, II, III, IV, V и др.)
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


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

< !DOCTYPE>
< html>
< head>
< style>
ul.a {list-style-type:circle;}
ul.b {list-style-type:square;}
ol.c {list-style-type:upper-roman;}
ol.d {list-style-type:lower-alpha;}
< /style>
< /head>
< body>
< p>Example of unordered lists:< /p>
< ul class="a">
  < li>Пиво< /li>
  < li>Водка< /li>
  < li>Вино< /li>
< /ul>
< ul class="b">
  < li>Пиво< /li>
  < li>Водка< /li>
  < li>Вино< /li>
< /ul>
< p>Пример нумерованных списков:< /p>
< ol class="c">
  < li>Пиво< /li>
  < li>Водка< /li>
  < li>Вино< /li>
< /ol>
< ol class="d">
  < li>Пиво< /li>
  < li>Водка< /li>
  < li>Вино< /li>
< /ol>
< /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
    ... ... ...
    ПОНРАВИЛОСЬ?
    ПОДЕЛИСЬ с ДРУЗЬЯМИ: