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

Anonim

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+ Било који Било који