Pseudo-element first-line
Pseudo-element first-line cho phép
thiết lập kiểu cho dòng đầu tiên của văn bản.
Cú pháp
selector::first-line {
}
Ví dụ
Hãy tô màu dòng đầu tiên của mỗi đoạn văn thành màu đỏ:
<p>
some long text
</p>
<p>
some long text
</p>
p::first-line {
color: red;
}
p {
width: 300px;
text-align: justify;
}
:
Ví dụ
Hãy đặt chiều rộng của đoạn văn theo phần trăm. Chạy đoạn mã dưới đây và thử thay đổi chiều rộng cửa sổ trình duyệt:
<p>
some long text
</p>
<p>
some long text
</p>
p::first-line {
color: red;
}
p {
width: 50%;
margin: 0 auto;
text-align: justify;
}
:
