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';
}
Mysal
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: '???';
}
:
Mysal
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: '???';
}
:
Şeýle-de görüň
-
attrfunksiýasy,
teg atributynyň bahasyny alyp berýär -
counter-incrementesaslary,
awtomatik sanamak belgilerini kesgitleýär