CSS/Funktionen/counter()

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die counter()-Funktion inkrementiert (erhöht) Werte durch CSS-Regeln, um zu verfolgen, wie oft sie benutzt worden sind. Dadurch ist es möglich Inhalt abhängig von seiner Position in der Webseite unterschiedlich darzustellen..

Parameter
anwendbar auf content-Eigenschaft
Browsersupport caniuse: mdn-css_types_counter
Beispiel
p {
 counter-increment: posMarkup;	
 position: relative;

}

p::before {

 content: counter(posMarkup);
 position: absolute;
}
Vor jeden Absatz wird mit ::before ein Pseudoelement erzeugt. Diese Pseudoelemente erhalten nun mit der content-Eigenschaft einen Inhalt - ihnen werden die Ergebnisse der counter()-Funktion zugewiesen.


Weblinks

Siehe auch