Atribut CSS initial-letter

Definisi dan penggunaan

initial-letter Properti menentukan ukuran huruf awal, serta secara pilihan menentukan jumlah baris jatuh (turun) huruf awal di teks.

Properti ini berlaku untuk :first-letter Pseudo-element dan elemen pertama dalam kontainer blok inline.

Contoh

Tunjukkan ukuran huruf awal yang berbeda:

.normal::first-letter {
  -webkit-initial-letter: normal;
  initial-letter: normal;
}
.two::first-letter {
  -webkit-initial-letter: 2;
  initial-letter: 2; /* Huruf awal mengambil 2 baris */
}
.four::first-letter {
  -webkit-initial-letter: 4;
  initial-letter: 4; /* Huruf awal mengambil 4 baris */
}
.four2::first-letter {
  -webkit-initial-letter: 4 2;
  initial-letter: 4 2; /* Huruf awal mengambil 4 baris dan jatuh 2 baris */
}

Coba sendiri

Syarat CSS

initial-letter: normal|number|integer;

Nilai properti

Nilai Deskripsi
normal Nilai default. Tidak ada efek. Teks muncul normal.
number Atur ukuran huruf awal (jumlah baris yang diLintasi huruf awal).
integer Pilihan. Atur jumlah baris awal yang jatuh (di teks).

Detil teknis

Nilai default: normal
Inheritsi: Tidak
Produksi animasi: Tidak didukung. Lihat:Properti yang berhubungan dengan animasi.
Versi: CSS3

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung properti ini penuh.

Penanda -webkit- setelah angka menunjukkan versi pertama yang bekerja dengan prefix.

Chrome Edge Firefox Safari Opera
110.0 110.0 Tidak didukung 9.0 -webkit- 96.0