Savybė content
Savybė content leidžia įterpti
į žymes savavališkai sugeneruojamą tekstą. Taikoma
kartu su pseudoelementais after
ir before.
Sintaksė
selektorius::after {
content: 'tekstas';
}
selektorius::before {
content: 'tekstas';
}
Pavyzdys
Įterpkime papildomą tekstą į li
žymės pradžią ir pabaigą:
<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: '???';
}
:
Pavyzdys
Prie įterpiamo teksto galima taikyti įvairius stilius. Nudažykime, pavyzdžiui, šį tekstą kokia nors spalva:
<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: '???';
}
:
Taip pat žiūrėkite
-
funkciją
attr,
kuri gauna žymės atributo reikšmę -
savybę
counter-increment,
kuri nustato automatinį numeravimą
