:first-line Pseudo Element trong CSS

:first-line Pseudo Element trong CSS được sử dụng để thêm Style đặc biệt cho dòng đầu tiên của đoạn văn.

Danh sách sau liệt kê các thuộc tính áp dụng cho :first-line Pseudo Element:

Nhóm thuộc tính font
Nhóm thuộc tính color
Nhóm thuộc tính background
Thuộc tính word-spacing
Thuộc tính letter-spacing
Thuộc tính text-decoration
Thuộc tính vertical-align
Thuộc tính text-transform
Thuộc tính line-height
Thuộc tính clear

Ví dụ :first-line Pseudo Element trong CSS

Bạn theo dõi ví dụ sau để thấy cách sử dụng của :first-line Pseudo Element trong CSS.

<html>
   <head>
      <style type="text/css">
         p:first-line { text-decoration: underline; }
         p.noline:first-line { text-decoration: none; }
      </style>
   </head>
   <body>
      <p class="noline"> Dong text nay se khong co dau gach chan, boi vi thuoc tinh text-decoration co gia tri none.</p>
      
      <p>Dong text dau tien nay se co dau gach chan ben duoi theo CSS rule ben tren. 
      Cac dong text con lai van hien thi binh thuong (khong co dau gach chan). 
      Day la vi du minh hoa cach su dung cua :first-line Pseduo Element de ap dung hieu ung dac biet 
      cho dong text dau tien.</p>
   </body>
</html>

Quảng cáo

Kết quả là:

Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.

Theo dõi chúng tôi miễn phí trên mạng xã hội facebook và youtube:

Follow fanpage của team https://www.facebook.com/vietjackteam/ hoặc facebook cá nhân Nguyễn Thanh Tuyền https://www.facebook.com/tuyen.vietjack để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi.

Bài học CSS phổ biến khác tại vietjack.com: