config

Strona w trakcie modernizacji

Zapraszamy wkrótce

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

Definicja stylu, przeznaczenie i użycie box-decoration-break

Właściwość box-decoration-break określa w jaki sposób właściwości CSS background, padding, border, border-image, box-shadow, margin i clip-path są stosowane, gdy obszar tego elementu HTML jest fragmentowany (przełamany na kilka części).

Wartości właściwości box-decoration-break

Wartość Opis
slice Wartość domyślna. Obszar elementu HTML musi zostać przełamany na kilka części. Wówczas dekoracja elementu HTML nie jest klonowana w identyczny sposób do każdej kolejnej części tegoż obszaru.
clone Obszar elementu HTML musi zostać przełamany na kilka części. Wówczas dekoracja tego elementu HTML zostanie sklonowana w identyczny sposób do każdej kolejnej części wspomnianego obszaru.
initial Ustawia tę właściwość na jej wartość domyślną.
inherit Dziedziczy tę właściwość z elementu nadrzędnego.

Składnia CSS box-decoration-break

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

Wsparcie przeglądarek dla właściwości box-decoration-break

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Liczba przed -webkit- określają pierwszą wersję, która działała z prefiksem.

Właściwość chrome edge firefox safari opera
box-decoration-break 22.0 -webkit- 79.0 32.0 6.1 -webkit- 11.5 -webkit-

Przykładowe zastosowania właściwości box-decoration-break

span.przyklad1 {
-webkit-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
}

span.przyklad2 {
-webkit-box-decoration-break: slice;
-o-box-decoration-break: slice;
box-decoration-break: slice;
}

 

 

Obszar działalności – tworzenie stron internetowych w miastach:

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe
Adres:, Marynarska 54, 59-220, Legnica, dolnośląskie, Polska, Tel.: +48 780 060 995, Pon. - pt. 8:00 - 17:00

 

Witold Czuba

Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe

Marynarska 54
59-220, Legnica,
dolnośląskie, Polska,
Tel.: +48 780 060 995,
Pon. - pt. 8:00 - 17:00