box-decoration-break
La propiedad box-decoration-break decide como utilizar los elementos decorativos de una caja cuando el elemento ocupa múltiples líneas columnas o páginas.
Los elementos decorativos de una caja son: background ( y las sub-propiedades de background como background-color, background-image, etc..), border, border-radius, border-image, box-shadow, margin, y padding.
La propiedad box-decoration-break puede tomar como valor una de estas palabras clave: slice ( cortar ) o clone ( clonar )
slice es el valor que toma la propiedad box-decoration-break por defecto. Si el elemento ocupa múltiples líneas la decoración aparece cortada.
clone: la decoración ( background, border, border-radius, border-image, box-shadow, margin, y padding ) es aplicada a cada fragmento en parte.
See the Pen CSS: box-decoration-break*** by Gabi (@enxaneta) on CodePen.