Svojstvo content

Svojstvo content omogućava umetanje proizvoljnog generisanog teksta u oznake. Primerjeno je zajedno sa pseudoelementima after i before.

Sintaksa

selektor::after {
	content: 'tekst';
}

selektor::before {
	content: 'tekst';
}

Hajde da na početak i kraj teksta oznake li umetnemo dodatni tekst:

<ul>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
</ul>

li::before {
	content: '!!!';
}
li::after {
	content: '???';
}

Na umetnuti tekst se mogu primeniti različiti stilovi. Obojimo, na primer, ovaj tekst u neku boju:

<ul>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
	<li>stavka liste</li>
</ul>

li::before {
	color: red;
	content: '!!!';
}
li::after {
	color: green;
	content: '???';
}