: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>
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: