Tidadigi Logo

CSS ::first-line Selector

Trong CSS, bộ chọn ::first-line được dùng để tạo kiểu cho dòng đầu tiên của phần tử block-level. Độ dài dòng đầu tiên phụ thuộc vào nhiều yếu tố. Ví dụ như chiều rộng phần tử, chiều rộng tài liệu, kích thước chữ.

Cú pháp:

::first-line {
    //CSS Property
}

Ví dụ: 

html 
<!DOCTYPE html>
<html>

<head>
    <title>
        CSS ::first-line selector
    </title>
    <style>
        p {
            width: 25%;
        }
        
        p::first-line {
            color: white;
            background: green;
        }
    </style>
</head>

<body style="text-align: center;">
    <h1 style="color:green;">
            GeeksforGeeks
        </h1>
    <h2>
            CSS ::first-line selector
        </h2>

    <p>
        A computer science portal for geeks.
    </p>

</body>

</html>

Kết quả:

 css-first-line-selector

Trình duyệt được hỗ trợ: Dưới đây là danh sách các trình duyệt hỗ trợ bộ chọn ::first-line.

  • Apple Safari 1.0
  • Google Chrome 1.0
  • Edge 12.0
  • Firefox 1.0
  • Opera 7.0 

Last Updated : 21/07/2025