Setiap judul di web memiliki ruang yang tidak terlihat: celah garis font dan ascender dicadangkan baik mesin terbang menggunakannya atau tidak, sehingga judul tampilan besar tidak pernah menyentuh bagian atas kotaknya. Pemangkasan kotak teks adalah perbaikan toko percetakan, dan ini merupakan salah satu deklarasi.
h1, h2 {
text-box: trim-both cap alphabetic;
}Apa arti nilai-nilai tersebut
- trim-keduanya menghilangkan separuh awal di atas dan di bawah blok teks.
- cap bertuliskan trim di bagian atas huruf kapital, sehingga visual bagian atas judul sejajar dengan kotaknya.
- alfabet memangkas bagian bawah ke garis dasar, tempat tipe sebenarnya berada.
Di mana ia memperoleh penghasilannya
- Bagian utama yang judulnya harus bertemu dengan tepi atas: pemangkasan mengalahkan margin per font satu per satu.
- Header sidebar dan penendang kartu berada di dalam pembatas: celah optik akhirnya cocok dengan bantalan tertulis.
- Tombol dengan tinggi garis tinggi untuk pemusatan vertikal: potong saja, dan tombol akan bertahan dari pertukaran font.
Dukungan menyebar ke seluruh mesin saat ini; browser tanpa itu hanya membiarkan ruang ekstra klasik di tempatnya, jadi tidak ada yang rusak, judulnya sedikit kurang sempurna di sana. Fitur kosmetik dengan fallback senyap adalah keunggulan termurah dalam CSS, dan penyempurnaan di sini sangat gacor dibandingkan judul zine yang berani seperti situs ini.