Protiprirastok - Triky CSS

Anonim

Poradové zoznamy nie sú jedinými prvkami, ktoré je možné automaticky očíslovať. Vďaka rôznym vlastnostiam súvisiacim s pultom môže byť akýkoľvek prvok.

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

Každá bude začínať číslicami „1“, „2“, „3“ alebo „4“.

Štýl počítadla môžete ovládať tak, že funkciu počítadla oddelíte čiarkou. napr. aby ich používali rímske číslice:

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

Ukážka

Na CodePen:

Viac informácií

  • Špecifikácia CSS3
  • Dokumenty MDN

Podpora prehľadávača

Chrome Safari Firefox Opera IE Android iOS
2+ 3,1+ akýkoľvek 9,2+ 8+ TBD TBD