Content īpašība
Īpašība content ļauj ievietot
elementos patvaļīgu ģenerētu tekstu. To lieto
kopā ar pseidoelementiem after
un before.
Sintakse
selector::after {
content: 'teksts';
}
selector::before {
content: 'teksts';
}
Piemērs
Ievietosim papildu tekstu li elementa
sākumā un beigās:
<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: '???';
}
:
Piemērs
Ievietotajam tekstam var piemērot dažādus stilus. Piemēram, iekrāsosim šo tekstu kādā krāsā:
<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: '???';
}
:
Skatiet arī
-
funkciju
attr,
kas iegūst elementa atribūta vērtību -
īpašību
counter-increment,
kas nosaka automātisku numerāciju
