Run
Tutorial With Example
Run your live code
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>CSS ::first-line Pseudo-element</title> <style> p::first-line { color: #ff0000; font-variant: small-caps; } </style> </head> <body> <p> It applies a special style to the first line of a text. In the example below, the style rules format the paragraph's first line of text. The first line's length depends on the size of the browser window or containing element. The CSS properties that you can apply to the ::first-line pseudo-element are: background properties, font properties, letter spacing, word-spacing, color, text-decoration, text-transform, vertical-align, line-height. </p> </body> </html>