::first-letter selector CSS Pseudo-element được dùng để tạo kiểu cho chữ cái đầu tiên. Nó áp dụng cho dòng đầu tiên của phần tử block-level. Điều kiện là không có nội dung nào đứng trước (ví dụ ảnh, bảng).
Cú pháp:
::first-letter {
// CSS Property
}Các thuộc tính được chấp nhận:
- background properties
- border properties
- clear
- color properties
- float
- font properties
- line-height
- margin properties
- padding properties
- text-decoration
- text-transform
- vertical-align (only if the float is 'none')
Ví dụ: Ví dụ này minh họa việc sử dụng ::first-letter selector. Ở đây thuộc tính color và font-size được dùng để tạo kiểu cho chữ cái đầu tiên.
HTML<!DOCTYPE html>
<html>
<head>
<style>
p::first-letter {
font-size: 250%;
color: green;
}
</style>
</head>
<body style="text-align: center;">
<h1 style="color:green;">
CSS ::first-letter selector
</h1>
<p>Geeks classes is an extensive classroom programme.</p>
</body>
</html>
Đầu ra:
Trình duyệt được hỗ trợ: Các trình duyệt hỗ trợ ::first-letter selector được liệt kê dưới đây:
- Google Chrome 1.0
- Firefox 1.0
- Microsoft Edge 12.0
- Safari 1.0
- Opera 7.0 Partial from 3.5
- Internet Explorer 9.0 Partial from 5.5