Una frase resaltada con fondo y relleno se ve perfecta en una línea y desigual en el momento en que termina: el primer fragmento pierde su relleno derecho, el último pierde el izquierdo y los bordes parecen cortados. Una propiedad decide quién gana.
mark {
padding: 0.15em 0.5em;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}Donde aparecen fragmentos
- El ajuste de líneas es un caso cotidiano: un tramo que fluye a través de dos líneas se convierte en dos cajas en términos de pintura.
- Los diseños de varias columnas fragmentan el contenido en línea a través de los límites de las columnas de la misma manera.
- Fragmentos de medios paginados en saltos de página; la propiedad fue escrita para ese caso y permanece intacta.
Rebanado o clonado
rebanada, el valor predeterminado, pinta las decoraciones como una tira larga y muestra solo el fragmento visible. clone trata cada fragmento como una pequeña caja completa, con relleno, borde, radio y fondo completos. Para marcadores resaltados, etiquetas en línea y tokens de código, la clonación es casi siempre el diseño que prometía la maqueta.
Mantenga ambas líneas del par con prefijo y sin prefijo por ahora; el costo es cero y la alternativa es un motor que genera reflejos irregulares. Un trabajo de detalle muy interesante, de esos que un lector nunca menciona pero que siempre siente.