Computer >> Máy Tính >  >> Lập trình >> CSS

Phần tử nào được sử dụng để thêm các kiểu đặc biệt vào dòng đầu tiên của văn bản trong bộ chọn với CSS

Sử dụng: dòng đầu tiên phần tử để thêm các hiệu ứng đặc biệt vào dòng đầu tiên của các phần tử trong tài liệu.

Ví dụ

Bạn có thể thử chạy mã sau để thêm các kiểu đặc biệt vào dòng đầu tiên của văn bản

<html>
   <head>
      <style>
         p:first-line {
            text-decoration: underline;
         }
         p.noline:first-line {
            text-decoration: none;
         }
      </style>
   </head>
   <body>
      <p class = "noline"> This line would not have any underline because this belongs to nline class.</p>
      <p>The first line of this paragraph will be underlined as defined in the CSS rule above. Rest of the
      lines in this paragraph will remain normal. This example shows how to use :first-line pseduo element
      to give effect to the first line of any HTML element.</p>
   </body>
</html>