A content tulajdonság

Ez a tulajdonság kizárólag a :before és az :after pseudo-elemekre vonatkozó szabályokban alkalmazható. Ezekben éppen ezzel a tulajdonsággal lehet megadni, hogy milyen generált tartalmat rendelünk az elemhez. Értékei a következőképpen értelmezendők:

• inherit: a tulajdonság értékét az elem az ősétől örökli.
• szöveg: A megadott szöveg fog megjelenni.
• URI: Az érték egy külső erőforrást leíró cím. Amennyiben a böngésző nem tudja feldolgozni az adott erőforrást, akkor figyelmen kívül hagyja.
• számláló: a számlálók két függvénnyel határozhatók meg: counter() vagy counters(). Az előbbi két formában használható: counter(név) vagy counter(név, stílus). A generált szöveg a megnevezett számláló értéke a dokumentum ezen pontján, a megadott stílus szerint megformázva (alaphelyzetben ez decimal). A második függvény is két formában használható: counter(név, szöveg) vagy counter(név, szöveg, stílus). A generált szöveg az összes számláló értéke, az adott néven a dokumentum ezen pontján, egymástól a szöveg által megadott karaktersorozattal elválasztva. A stílus tekintetében ugyanaz igaz, mint az első függvény esetében.
• open-quote és close-quote: Ezek az értékek a quotes tulajdonság által beállított értékeket jelentik.
• no-open-quote és no-close-quote: nem szúr be semmit, de növeli/csökkenti az idézetek egymásbaágyazási számát.
• attr(X): Ez a függvény egy karaktersorozatot ad eredményül, amely az x paraméter értéke. A szöveget nem értelmezi a CSS-feldolgozó. Ha a szabály szelektora által kiválasztott elemnek nincs x paramétere, akkor a szöveg egy üres-szöveg lesz.

A fenti értékek többször is megismételhetők az inherit kivételével.

A display tulajdonság határozza meg, hogy pontosan hol fog a fenti értékek valamelyikével megadott tartalom megjelenni.

Amennyiben a generált tartalomban újsort szeretnénk kezdeni, akkor a \A karaktertsort kell megadni. Ez a BR elemhez hasonlóan egy sortörést fog eredményezni a dokumentumban.