CSS właściwość box-decoration-break

Definicja i użycie

Atrybut box-decoration-break określa, w jaki sposób aplikowane są właściwości background, padding, border, border-image, box-shadow, margin oraz clip-path, gdy ramka elementu jest podzielona.

Przykład

Definiuje atrybut box-decoration-break:

span.ex1 { 
  -webkit-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
}
span.ex2 { 
  -webkit-box-decoration-break: slice;
  -o-box-decoration-break: slice;
  box-decoration-break: slice;
}

Spróbuj sam

Gramatyka CSS

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

Wartość atrybutu

Wartość Opis
slice Domyślnie. Opakowanie ramki stosuje się do elementu jako całości, a ramki segmentów elementu przerwane są na krawędziach.
clone

Opakowanie ramki stosuje się do każdego segmentu elementu, tak jakby segmenty były pojedynczymi elementami.

Krawędzie każdego segmentu wokół wokół elementu są opakowane, a tło każdego segmentu jest całkowicie przerysowane.
initial Ustawia tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit Dziedziczy tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

Domyślna wartość: slice
Dziedziczenie: Nie
Tworzenie animacji: Nieobsługiwane. Zobacz:Atrybuty związane z animacją.
Wersja: CSS3

Wsparcie przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Należy stosować wstępne prefiksy dla pierwszej wersji określonej przez -webkit-.

Chrome IE / Edge Firefox Safari Opera
22.0 -webkit- 79.0 32.0 6.1 -webkit- 11.5 -webkit-