Цоунтер-ресет - ЦСС-трикови

counter-resetПроперти омогућава аутоматско нумерисање елемената. Као уређена листа (

), али ради на било ком елементу. Нарочито је корисно у стварању садржаја или наслова нумерисања за нешто попут рада на тези. Бројила се примењују путем својства садржаја. Једноставан пример:

article ( counter-reset: section; ) section ( counter-increment: section; ) section h2:before ( content: counter(section) '. '; )

counter-resetИмовина се користи за ресетовање ЦСС цоунтер то дате вредности.

Део је ЦСС модула бројача који је део генерисаног садржаја, аутоматског нумерисања и наводи ЦСС2.1 спецификацију, проширену у спецификацији Генерирани и замењени модул садржаја ЦСС3.

Синтакса

counter-reset: ( ?)+ | none

Где…

• је име бројача који желите да ресетујете
• је вредност на коју треба ресетовати бројач
• 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+	Било који	Било који