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

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

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

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

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


Синтаксис:

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

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

Значение по умолчанию: none
наследует: нет
анимируемых: нет
Версия: CSS2
JavaScript синтаксис: object.style.counterReset="section"


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

Значение Описание
none Значение по умолчанию. Нет счетчиков будут сброшены
name имя определяет, какой счетчик, который должен быть сброшен
number id определяет какой счетчик, который должен быть сброшен. number устанавливает значение счетчика на каждое появление селектора. По умолчанию значение сброса 0
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



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

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

font-family font-style font-variant font-weight
font-size line-height font  

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

text-align vertical-align text-indent letter-spacing
word-spacing text-transform text-decoration white-space
direction      

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

color background-color background-image background-repeat
background-position background-attachment background  

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

width height min-width, max-width, min-height, max-height padding-top, padding-right, padding-bottom, padding-left
padding border-top-style, border-right-style, border-bottom-style, border-left-style border-style border-top-width, border-right-width, border-bottom-width, border-left-width
border-width border-top-color, border-right-color, border-bottom-color, border-left-color border-color border-top, border-right, border-bottom, border-left
border margin-top, margin-right, margin-bottom, margin-left margin display

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

float clear position top, right, bottom, left
z-index      

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

overflow clip visibility  

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

caption-side border-collapse border-spacing empty-cells
table-layout      

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

list-style-type list-style-image list-style-position list-style

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

cursor outline-style outline-width outline-color
outline      

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

content quotes counter-reset counter-increment



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

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

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