Prima literă şi prima linie

Pseudo elementul first-letter se aplică la prima literă a unui element şi first-line la începutul liniei unui element. You could, for examples create drop caps and a bold first-line for paragraphs like this: Aţi putea, de exemplu crea ghilimele si un bold pentru prima linie din paragraf, astfel:

p :first-letter { font-size: 3em; float: left; } p :first-line { font-weight: bold; }

Inainte şi după

Pseudo elementele before şi after sunt utilizate în legătură cu proprietatea conţinutului pentru a plasa conţinutul pe oricare parte a unui element fără a atinge HTML-ul.

Valoarea proprietăţii conţinutului poate fi open-quote , close-quote , no-open-quote , no-close-quote, orice şir de caractere delimitat de ghilimele sau de orice imagine, folosind url-ul (imaginii).

blockquote :before { content: open-quote; } blockquote :after { content: close-quote; } li :before { content: “POW: “ } p :before { content: url(images/jam.jpg) }