Content esaslary

content esaslary teglere islegiňiz ýaly döredilen teksti goýmaga mümkinçilik berýär. Ol pseudoelementler after we before bile bile ulanylýar.

Sintaksis

sazlaýjy::after {
	content: 'tekst';
}

sazlaýjy::before {
	content: 'tekst';
}

Geliň li teginiň tekstiniň başynda we ahyryna goşmaça tekst goýalyň:

<ul>
	<li>sanaw elementi</li>
	<li>sanaw elementi</li>
	<li>sanaw elementi</li>
	<li>sanaw elementi</li>
	<li>sanaw elementi</li>
</ul>

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

Goýulýan tekste dürli stilleri ulanmak bolýar. Mysal üçin, bu teksti haýsy-da bir reňge boýaýalyň:

<ul>
	<li>sanaw elementi</li>
	<li>sanaw elementi</li>
	<li>sanaw elementi</li>
	<li>sanaw elementi</li>
	<li>sanaw elementi</li>
</ul>

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