Schlagwort-Archive: mit CSS Content einfügen

Mit CSS Content erstellen

Man kann mit CSS auch Inhalt bzw. Content erstellen. Das kann manchmal sehr nützlich sein da es wirklich sehr einfach ist.
Was man dazu braucht sind die CSS Pseudoklassen „:before“ und „:after“.
 
Wir denken uns einfach ein „div“ Element aus und geben ihm eine Klasse die wir „Dummy_Class“ nennen. In diese Klasse fügen wir am Anfang den String „Dummy Text“ ein.
Das ganze machen wir so:
<style type="text/css">
Dummy_Class:before {
    content: "Dummy Text "
}
</style>

Wenn Wir den Text in das Ende des Elements einfügen wollen sieht das so aus:
<style type="text/css">
Dummy_Class:after {
    content: " Dummy Text."
}
</style>

Ich hoffe das konnte euch weiterhelfen.
Viel Spass beim Testen.