Come posso personalizzare la prima linea di testo di un elemento?

Utente HTML.it
chiede

Come posso personalizzare la prima linea di testo di un elemento?

Redazione HTML.it
risponde

La pseudo-classe :first-line serve per personalizzare la prima riga di testo di un elemento.
Vediamo nell’esempio come sia possibile rendere le prime linee di tutti i paragrafi in maiuscole piccole:

p:first-line{font-variant: small-caps}