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

Одно из преимуществ использования нумерованных ol списков на Web-странице состоит в том, что браузер нумерует каждый элемент списка ol автоматически. При этом добавлять, удалять или перемещать элементы списка становится легче и проще, ибо не требуется вручную изменять номера, которых в исходном документе сайта попросту нет - их порождает (генерирует) пользовательский агент. CSS содержит ряд свойств, управляющих стилем, содержимым и положением номеров и маркеров нумерованных и маркированных списков. Создатели спецификации CSS понимали, что делегирование формирования содержимого, не существующего в дереве документа сайта, агенту может оказаться полезным и в других случаях. Поэтому возможности порождения содержимого в CSS включают механизм вставки произвольного текста или значений счетчика (автоматической нумерации) перед или после любого элемента (X)HTML- или XML-документа; свойства CSS, которые относятся к управлению маркерами списочных элементов или связаны с порождаемым содержимым generated content:

                               list-style-type 
                               list-style 
                               list-style-image
                               display: list-item
                               list-style-position 
                               content  
                               quotes  
                               counter-reset 
                               counter-increment

Маркированные и нумерованные списки присутствуют в HTML с самого зарождения языка. Развитие элементов ul и оl дало дизайнерам возможность выбирать между маркером-буллитом и числовым счетчиком, а также позволило авторам документов сайта хоть как-то контролировать внешний вид списков.

Маркированные и нумерованные списки уникальны в том плане, что они сами автоматически размещают на странице буллит или число, которых не было в документе. Для указания типа маркера при каждом списочном элементе используйте пришедшее на замену устаревшему атрибуту XHTML type свойство list-style-type.

list-style-type. Значения:

                               disc
                               circle
                               square
                               decimal
                               decimal-leading-zero
                               lower-roman
                               upper-romanIlower-greek
                               lower-latin
                               upper-latin
                               lower-alpha
                               upper-alpha
                               none
                               inherit

Начальное значение: disc. Применимо: К элементам со значением display, равным list-item (в XHTML это ul, ol и li). Наследуется: Да.

Три значения list-style-type (disc, circle и square) порождают знак буллит такой, который браузеры годами показывали в ненумерованных списках. Фактический внешний вид и способ отображения значков остаются на усмотрение агента. Другими словами, изменить цвет, размер или иные визуальные свойства порождаемых буллитов невозможно. Все виды маркеров-буллитов показаны ниже:

                 disc	      circle	      square.
                 
                 * lorem------о lorem---------lorem
                 ♦ ipsnm------о ipsom---------ipsum
                 • dolor------о dolor---------dolor
                 * sit--------о sit-----------sit
                 * amet-------о amet----------amet

Оставшиеся ключевые слова описывают различные стили буквенных обозначений и нумерации.

Ключевые слова Стили обозначений и нумерации:

                     decimal---------------1,2, 3, 4,5...
                     decimal-l-------------eading-zero	01,02, 03, 04, 05...
                     lower-alpha-----------а, b, с, d, е...
                     upper-alpha-----------А, В, С, D, Е...
                     lower-latin-----------а, Ь, с, d, е... (то же, что lower-alpha)
                     upper-latin-----------А, В, С, 0, Е... (то же, что upper-alpha)
                     lower-roman-----------i, ii, iii, iv, v...
                     upper-roman-----------I, II, III, IV, V...
                     lower-greek-----------Строчные буквы классического греческого алфавита'

За внешний вид генерируемых цифр и букв отвечает пользовательский агент, хотя обычно они соответствуют свойствам того шрифта, которым набран связанный элемент списка. При этом изменить гарнитуру, размер, цвет или другие свойства буквенно-цифровых маркеров невозможно. Если числа в нумерации элементов имеют несколько цифр, решение о выравнивании по левому или правому краю принимает пользовательский агент. Желая отключить маркер определенного элемента, установите значение свойства в none. Задание list-style-type: none; не исключает элемент списка из нумерации, а просто-напросто запрещает вывод его номера на экран, несмотря на наследуемость свойства list-style-type, явно объявлять стили всех уровней элементов вложенных списков бывает необходимо, чтобы перекрыть встроенные таблицы стилей Web-браузеров, определяющие в том числе типы и маркеров списков такого рода.


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
... ... ...

обратно    назад    дальше     продолжение темы

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