::first-line
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.
Syntax
/* Usage Example */
article p::first-line {
/* Stylizes the first line of the article opening */
font-variant: small-caps;
letter-spacing: 2px;
color: #111827;
}::first-line Browser support
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.
1+
1+
1+
12+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more