Frasa yang disorot dengan latar belakang dan padding tampak sempurna pada satu baris dan tidak rapi saat dibungkus: fragmen pertama kehilangan padding kanannya, fragmen terakhir kehilangan padding kirinya, dan tepinya tampak teriris. Satu properti memutuskan siapa yang menang.

mark {
  padding: 0.15em 0.5em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

Dimana fragmen muncul

  • Pembungkusan garis adalah kasus sehari-hari: satu bentang yang melintasi dua garis menjadi dua kotak dalam istilah cat.
  • Tata letak multi-kolom memecah konten sebaris melintasi batas kolom dengan cara yang sama.
  • Fragmen media yang diberi halaman melintasi hentian halaman; properti itu ditulis untuk kasus itu dan tetap tidak tersentuh.

Diiris atau dikloning

irisan, secara default, melukis dekorasi sebagai satu strip panjang dan hanya menampilkan fragmen yang terlihat. clone memperlakukan setiap fragmen sebagai kotak kecil lengkap, dengan padding penuh, batas, radius, dan latar belakang. Untuk pena sorotan, tag sebaris, dan token kode, klon hampir selalu merupakan desain yang dijanjikan mockup.

Pertahankan kedua baris pasangan yang diawali dan tidak diawali untuk saat ini; biayanya nol dan alternatifnya adalah satu mesin yang menghasilkan highlight yang tidak rata. Karya dengan detail yang sangat gacor, jenis yang tidak pernah disebutkan oleh pembaca tetapi selalu dirasakan.