Skip to content
Related Articles

Related Articles

CSS | ::first-line Selector

View Discussion
Improve Article
Save Article
  • Last Updated : 04 Jan, 2019

The ::first-line selector in CSS is used to apply style to the first line of a block-level element. The length of the first line depends on many factors, including the width of the element, the width of the document, font-size of the text, etc.


::first-line {
    //CSS Property


<!DOCTYPE html>
        CSS ::first-line selector
        p {
            width: 25%;
        p::first-line {
            color: white;
            background: green;
<body style="text-align: center;">
    <h1 style="color:green;">
            CSS ::first-line selector
        A computer science portal for geeks.

Supported Browsers: The browser supported by ::first-line selector are listed below:

  • Apple Safari 1.0
  • Google Chrome 1.0
  • Firefox 1.0
  • Opera 7.0 Partial from 3.5
  • Internet Explorer 9.0 Partial from 5.5
My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!