neděle 26. června 2011

Jak na automatické číslování pomocí CSS stylů

Automatické číslování nadpisů se pomocí CSS stylů zapne v jazyce HTML např. takto.

Nejdřív je nutné číselník resetovat (typicky při načtení stránky)

  body {
    counter-reset: section;
  }

Dál se musí nastavit v jakém okamžiku se má číselník zvyšovat (např. při výskytu značky h3)

  h3{
        counter-increment: section;
  }

A konečně také kde se má číselník zobrazit, v tomto případě to je před každou značkou h3.

  h3:before {
        content: counter(section) " ) ";
  }

Více informací
Automatické číslování pomocí CSS

Žádné komentáře:

Okomentovat