counter-reset
Проперти омогућава аутоматско нумерисање елемената. Као уређена листа (
- ), али ради на било ком елементу. Нарочито је корисно у стварању садржаја или наслова нумерисања за нешто попут рада на тези. Бројила се примењују путем својства садржаја. Једноставан пример:
је име бројача који желите да ресетујете
је вредност на коју треба ресетовати бројач
none
онемогућити бројач- контра ресетовање у спецификацији
- контра ресетовање на МДН
article ( counter-reset: section; ) section ( counter-increment: section; ) section h2:before ( content: counter(section) '. '; )
counter-reset
Имовина се користи за ресетовање ЦСС цоунтер то дате вредности.
Део је ЦСС модула бројача који је део генерисаног садржаја, аутоматског нумерисања и наводи ЦСС2.1 спецификацију, проширену у спецификацији Генерирани и замењени модул садржаја ЦСС3.
Синтакса
counter-reset: ( ?)+ | none
Где…
body ( counter-reset: my-awesome-counter 0; )
Напомена: подразумевана вредност за цели број је 0. Ако после имена бројача није постављена ниједна цела вредност, вратиће се на 0. Дакле, ово ради како се очекује:
body ( counter-reset: my-awesome-counter; )
Можете ресетовати неколико бројача одједном помоћу листе одвојене размаком, од којих свака има своју одређену вредност, ако желите.
body ( counter-reset: my-awesome-counter 5 my-other-counter; )
Ово ће се ресетовати my-awesome-counter
на 5 и my-other-counter
на подразумевану вредност: 0.
Ову листу можете видети као counter1 value1 counter2 value2 counter3 value3…
:. Ако је вредност изостављена, износи 0.
Демо
У следећој демонстрацији, article
ресетује section
бројач према подразумеваној вредности (0), која се затим повећава при сваком појављивању одељка, а затим приказује испред заглавља одељака.
Погледајте ову оловку!
Више информација
Подршка прегледача
Хром | Сафари | Фирефок | Опера | ИЕ | Андроид | иОС |
---|---|---|---|---|---|---|
2+ | 3.1+ | Било који | 9.2+ | 8+ | Било који | Било који |