• Главное
• Радуга
• Как худеть
• Как бросить курить
• Сăмах
• Как создать сайт
• Лада приора
• Электросварка

• HTML
• CSS
• Web-диз
• JavaScript
• PHP
• jQuery
• SEO
• MySQL
• XML

Ссылки на каскадные стили CSS - counter-reset.

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

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

Определение и использование. Свойство counter-reset создает или сбрасывает один или несколько счетчиков. Счетчик сброса свойство обычно используется совместно со свойством против приращения и свойства содержимого. Таким образом, свойство counter-reset устанавливает идентификатор, в котором находится счётчик отображений определенного элемента на странице сайта, при этом и начальное значение счётчика. Данный счётчик выводится с помощью свойства content и псевдоэлементов :after или :before. Внимание!!! Имя данного счетчика не может начинаться с цифры.

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

Синтаксис:

          counter-reset: none|name number|initial|inherit;

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

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

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

< !DOCTYPE>
< html>
< head>
< style>
body {counter-reset:section;}
h1 {counter-reset:subsection;}
h1:before
{
counter-increment:section;
content:"Section " counter(section) ". ";
}
h2:before 
{
counter-increment:subsection;
content:counter(section) "." counter(subsection) " ";
}
< /style>
< /head>
< body>

< h1>HTML учебник< /h1>
< h2>HTML учебник< /h2>
< h2>XHTML учебник< /h2>
< h2>CSS учебник< /h2>

< h1>Script учебник< /h1>
< h2>JavaScript< /h2>
< h2>VBScript< /h2>

< h1>XML учебник< /h1>
< h2>XML< /h2>
< h2>XSL< /h2>

< /body>
< /html>                      

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

HTML учебник

HTML учебник

XHTML учебник

CSS учебник

Script учебник

JavaScript

VBScript

XML учебник

XML

XSL

Повторение - мать учения!!! Повторение - мать учения!!!

Свойства оформления шрифта

Свойства текста

Свойства модуля "Цвет и фон"

Свойства модуля "Визуальное форматирование"

Свойства модуля "Плавающие и абсолютно позиционированные элементы"

Свойства модуля "Переполнение и видимость"

Свойства модуля "Верстка таблиц"

Свойства модуля "Оформление списков"

Стили пользовательского интерфейса

Свойства модуля "Генерируемое содержимое"

обратно на главную     назад    дальше     вперед