Thuộc tính CSS initial-letter

Định nghĩa và cách sử dụng

initial-letter Thuộc tính xác định kích thước của hàng đầu, và tùy chọn xác định số dòng hàng đầu nên xuống (towards dưới) trong văn bản.

Thuộc tính này áp dụng cho :first-letter Phần tử pseudo và phần tử khối đầu tiên là thành phần nội bộ hàng đầu.

Mô hình

Hiển thị các hàng đầu có kích thước khác nhau:

.normal::first-letter {
  -webkit-initial-letter: normal;
  initial-letter: normal;
}
.two::first-letter {
  -webkit-initial-letter: 2;
  initial-letter: 2; /* Hàng đầu chiếm 2 dòng */
}
.four::first-letter {
  -webkit-initial-letter: 4;
  initial-letter: 4; /* Hàng đầu chiếm 4 dòng */
}
.four2::first-letter {
  -webkit-initial-letter: 4 2;
  initial-letter: 4 2; /* Hàng đầu chiếm 4 dòng và xuống 2 dòng */
}

Thử ngay

Ngữ pháp CSS

initial-letter: normal|number|integer;

Giá trị thuộc tính

Chi tiết kỹ thuật

Hỗ trợ trình duyệt

Số trong bảng chỉ định phiên bản đầu tiên của trình duyệt hỗ trợ đầy đủ thuộc tính này.

Phần sau của số là -webkit- chỉ định phiên bản đầu tiên hoạt động có tiền tố.