box-decoration-break

facebook-svg gplus-svg twitter-svg

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.