Контра-прираштај - ЦСС-трикови

Anonim

Уређене листе нису једини елементи који се могу аутоматски нумерисати. Захваљујући разним својствима везаним за бројач, било који елемент може бити.

 
body ( counter-reset: my-awesome-counter; ) section ( counter-increment: my-awesome-counter; ) section:before ( content: counter(my-awesome-counter); )

Свака ће започињати са „1“, „2“, „3“ или „4“.

Стилом бројача можете управљати одвајањем зарезом функције бројача. нпр. да их натерају да користе римске бројеве:

section:before ( content: counter(my-awesome-counter, upper-roman); )

Демо

На ЦодеПен-у:

Више информација

  • ЦСС3 спец
  • МДН доцс

Подршка прегледача

Хром Сафари Фирефок Опера ИЕ Андроид иОС
2+ 3.1+ Било који 9.2+ 8+ ТБД ТБД