content Özelliği
content özelliği, etiketlere rastgele oluşturulmuş metin eklemeye izin verir.
after
ve before sözde öğeleri ile birlikte uygulanır.
Sözdizimi
seçici::after {
content: 'metin';
}
seçici::before {
content: 'metin';
}
Örnek
Hadi li etiketinin metninin başına ve sonuna
ekstra metin ekleyelim:
<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: '???';
}
:
Örnek
Eklenen metne çeşitli stiller uygulanabilir. Örneğin, bu metni bir renge boyayalım:
<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: '???';
}
:
Ayrıca Bakınız
-
etiket özniteliğinin değerini alan
attrişlevi,
-
otomatik numaralandırma sağlayan
counter-incrementözelliği,
