Opis

content jest używany z pseudoelementami ::before i ::after do wstawiania wygenerowanej wartości. W przypadku obrazów (url, gradient), użyty bez pseudoklas, może zastępować treść elementu.

Prócz wartości 'normal' i 'none' resztę wartości można ze sobą łaczyć.

Obiekty wstawiane za pomocą tej właściwości są anonimowe.

Przykład

To jest przykładowy tekst...

Kod:
Wartości

content: normal|none|counter|attr|string|open-quote|close-quote|no-open-quote|no-close-quote|url|initial|inherit;

WartośćOpis
normal Domyślne. Ustawia zawartość, jeśli została określona, na 'normal', której domyślną wartością jest „none” (nic)
none Pseudoelement nie jest generowany.
counter(nazwa_licznika) Ustawia zawartość jako licznik
attr(attribute)
attr(id)
Ustawia zawartość jako jeden z atrybutów selektora
string

"Uwaga! "
Ustawia treść na określony tekst
open-quote Ustawia przed treścią cudzysłów otwierający
close-quote Ustawia po treści cudzysłów zamykający. Musisz mieć najpierw otwierający!
no-open-quote Usuwa cytat otwierający z treści, jeśli został wcześniej określony
no-close-quote Usuwa cytat zamykający z treści, jeśli został wcześniej określony
url(url)

url("favicon.ico")
url(favicon.ico) bez pseudoklas
gradient() bez pseudoklas
Ustawia zawartość jako rodzaj nośnika (obraz, dźwięk, wideo itp.)
initial Ustawia tę właściwość na wartość domyślną.
inherit Dziedziczy tę właściwość po elemencie nadrzędnym.
Przykłady:   |     |     |     
Info: Domyślna wartość: normal
Dziedziczenie:
Animowalność:
JavaScript: ??

Nie można stylizować pseudoklasy, ale można uzyskać ten sam wynik, tworząc klasę (w sekcji STYLE lub w arkuszu stylów) i dodając tę ​​klasę do określonego elementu. Co też widać w moim kodzie. :)