Opis

box-decoration-break określa jak background, padding, border, border-image, box-shadow, margin i clip-path elementu jest stosowany, gdy pole elementu jest pofragmentowane.

Przykład
SLICE
Kolorowe
sny



CLONE
Kolorowe
sny
Kod:
Wartości

box-decoration-break: slice|clone|initial|inherit|unset;

WartośćOpis
slice Domyślna. Dekoracje pudełkowe są nakładane na element jako całość i są przerywane (pękają) na krawędziach fragmentów elementu
clone Dekoracje pudełkowe dotyczą każdego fragmentu elementu, tak jakby fragmenty były pojedynczymi elementami. Każdy fragment ma wszystkie krawędzie obramowania, a ich tła są przerysowane w całości.
initial Ustawia tę właściwość na wartość domyślną.
inherit Dziedziczy tę właściwość po elemencie nadrzędnym.
Przykłady:   |     |     |     |  
Info: Domyślna wartość: slice
Dziedziczenie:
Animowalność:
JS: object.style.boxDecorationBreak

Obsługa przeglądarek: FF OK, reszta z -webkit-, Edge: nie.

Uwagi: Przeglądarka Edge ma własny pomysł na dekorowanie pociętych fragmentów i 'clone' tu nie działa

.