Apakah maksud garis miring (/) dalam pengisytiharan fon CSS?

Memahami Slash dalam Saiz Fon CSS

Slash (/) dalam pengisytiharan fon CSS, seperti dalam contoh di bawah, mempunyai ciri khusus maksud:

font: 100%/120%;

Tidak seperti pengisytiharan fon biasa, sintaks ini menetapkan berbilang sifat berkaitan fon secara serentak:

font-size: 100%;
line-height: 120%;

Menurut dokumentasi CSS, tatatanda trengkas ini adalah berdasarkan konvensyen tipografi tradisional . Jurutaip sering menggunakan format "x pt pada y pt" untuk menandakan saiz glif (karakter) dan ketinggian baris.

Dalam contoh, "100%" merujuk kepada saiz fon, manakala "120%" merujuk kepada ketinggian garisan. Ketinggian baris menentukan jarak menegak antara baris teks. Ketinggian garisan 120% bermakna jarak menegak ialah 120% daripada saiz fon.

Perhatikan bahawa tatatanda trengkas fon memerlukan menyatakan sekurang-kurangnya saiz fon dan keluarga. Oleh itu, pengisytiharan berikut adalah tidak sah:

font: 100%/120%;

Untuk menjadikannya sah, nama keluarga fon generik boleh ditambah:

font: 100%/120% serif;

Atas ialah kandungan terperinci Apakah maksud garis miring (/) dalam pengisytiharan fon CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!