HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

Többszintű számozás



A címsorok vagy felsorolások minden szintjéhez egy-egy számlálót rendelve több szintű számozással jeleníthetjük meg azokat, a nyomtatott könyvek tartalomjegyzékében és fejezetcímeinél megszokott módon.

Példa:

Forráskód



<style>

  body {counter-reset:h1_ct;}
  h1 {counter-reset:h2_ct;}
  h1:before {
       counter-increment:h1_ct;
       content: counter(h1_ct) ". ";}
  h2 {counter-reset:h3_ct;}
  h2:before {
       counter-increment:h2_ct;
       content:counter(h1_ct) "." counter(h2_ct) " ";}
  h3:before {
       counter-increment:h3_ct;
       content:counter(h1_ct) "." counter(h2_ct) "." 
               counter(h3_ct) " ";}
</style>     
...
<body> 
  <h1>Első szintű címsor </h1>   
  <h2>Második szintű címsor </h2>  
  <h3>Harmadik szintű címsor </h3>  
  <h2>Második szintű címsor </h2>     
  <h3>Harmadik szintű címsor </h3>  
  <h3>Harmadik szintű címsor </h3>   
  <h1>Első szintű címsor </h1>   
</body>
 

Eredmény*


* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: css_beszurt_szamlalo_02.html