Định kiểu cho chữ cái đầu tiên với CSS ::first-letter

Sử dụng pseudo-element ::first-letter để thêm hiệu ứng đặc biệt cho chữ cái đầu tiên của các phần tử trong tài liệu.

Ví dụ

<html>
<head>
  <style>
    p::first-letter {
      font-size: 5em;
    }
    p.normal::first-letter {
      font-size: 10px;
    }
  </style>
</head>
<body>
  <p class="normal"> Chữ cái đầu của đoạn này bình thường, cỡ 10px;</p>
  <p>Chữ cái đầu của đoạn này sẽ to 5em theo quy tắc CSS ở trên. Các chữ cái còn lại bình thường. Ví dụ này cho thấy cách dùng ::first-letter để tạo hiệu ứng cho chữ cái đầu của bất kỳ phần tử HTML nào.</p>
</body>
</html>