::first-line | CSS Selectors & Pseudo-classes

A pseudo-element that targets the entire first line of text within a block-level element. The line length changes as the browser window is resized.

Quick example

article p::first-line {
  /* Stylizes the first line of the article opening */
  font-variant: small-caps;
  letter-spacing: 2px;
  color: #111827;
}

Widely available Since 2015 96% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.

Safe to use without fallbacks.

12+