Omadus content
Omadus content võimaldab
siltidesse sisestada suvalist genereeritud teksti. Rakendatakse
koos pseudoelementidega after
ja before.
Süntaks
selektor::after {
content: 'tekst';
}
selektor::before {
content: 'tekst';
}
Näide
Paneme li sildi teksti algusesse ja lõppu
lisa teksti:
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
li::before {
content: '!!!';
}
li::after {
content: '???';
}
:
Näide
Lisatud teksti saab rakendada erinevaid stile. Värvime näiteks selle teksti millekski värvi:
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
li::before {
color: red;
content: '!!!';
}
li::after {
color: green;
content: '???';
}
:
Vaata ka
-
funktsiooni
attr,
mis saab sildi atribuudi väärtuse -
omadust
counter-increment,
mis määrab automaatse nummerduse
