CSS-Zähler kann durch eine CSS-Regel inkrement erhöht werden.
| counter-reset. |
| counter-increment. |
| content. |
| counter()ist eine Funktion und fügt den Wert einem Element hinzu. |
| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| body { |
| counter-reset: section; |
| } |
| h4::before { |
| counter-increment: section; |
| content: "Chapter " counter(section) ": "; |
| } |
| .alignCenter { |
| width: 420px; |
| margin: auto; |
| } |
| </style> |
| </head> |
| <body> |
| <div class="alignCenter"> |
| <h3>Benutze einen CSS-Zähler(Counter):</h3> |
| <h4>HTML</h4> |
| <h4>CSS</h4> |
| <h4>JavaScript</h4> |
| <h4>PHP</h4> |
| <h4>SQL</h4> |
| </div> |
| </body> |
| </html> |
Benutze einen CSS-Zähler(Counter):
HTML
CSS
JavaScript
PHP
SQL
