Abakada: Back to Basics > Language References > CSS Properties > Pseudo-Classes > first-line Pseudo-class

---

Sets styles to the first line of an element.

selector:first-line { property: value; }

property	Any valid CSS property.
value	Any of the range of values available to the corresponding property.

The :first-line pseudo-class applies styles to the first line of a block-level element.

The syntax for using the :first-line pseudo-class is straightforward. A selector immediately precedes the pseudo-class.

For example, to change the background color of first-line elements on a page.

div:first-line { background-color: beige }

The following demonstrates use of the :first-line pseudo-class in an embedded stylesheet to set the style of first-line elements on a page.

• 5.12.1. The :first-line pseudo-element
• 2.1. First-Line Text: the ::first-line pseudo-element

:first-letter