Przejdź do treści

Fragmentacja CSS

Źródło: CSS Fragmentation Module Level 3

box-decoration-break

Dekoracja przełamania

Wartość
slice | clone
Inicjalizacja
slice
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

break-after

Przełamanie po...

Wartość
auto | avoid | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region
Inicjalizacja
auto
Zastosowanie
elementy blokowe, dzieci kontenera układu siatki, dzieci kontenera elastycznego, wiersze i grupy wierszy tabeli
Dziedziczenie
nie
Procenty
nie
Media
visual

break-before

Przełamanie przed...

Wartość
auto | avoid | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region
Inicjalizacja
auto
Zastosowanie
elementy blokowe, dzieci kontenera układu siatki, dzieci kontenera elastycznego, wiersze i grupy wierszy tabeli
Dziedziczenie
nie
Procenty
nie
Media
visual

break-inside

Blokada przełamania

Wartość
auto | avoid | avoid-page | avoid-column | avoid-region
Inicjalizacja
auto
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

orphans

Samotne linijki na dole

Wartość
<integer>
Inicjalizacja
2
Zastosowanie
elementy blokowe zawierające tekst lub elementy inline
Dziedziczenie
tak
Procenty
nie
Media
visual

widows

Samotne linijki na górze

Wartość
<integer>
Inicjalizacja
2
Zastosowanie
elementy blokowe zawierające tekst lub elementy inline
Dziedziczenie
tak
Procenty
nie
Media
visual

Przeglądarki

❌ Nie działa

Chrome
Firefox
Edge
Opera
Safari
selektor { box-decoration-break: wartość }130
2024-10-15		32
2014-09-02		130
2024-10-17		115
2024-11-27		❌
selektor { box-decoration-break: clone }130
2024-10-15		32
2014-09-02		130
2024-10-17		115
2024-11-27		7
2013-10-22
selektor { box-decoration-break: slice }130
2024-10-15		32
2014-09-02		130
2024-10-17		115
2024-11-27		7
2013-10-22
selektor { break-after: wartość }50
2016-04-13		65
2019-01-29		12
2015-07-29		37
2016-05-04		10
2016-09-20
selektor { break-after: auto }50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-after: avoid }50
2016-04-13		❌79
2020-01-15		37
2016-05-04		❌
selektor { break-after: avoid-column }50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-after: avoid-page }50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-after: column }50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-after: left }50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-after: page }50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-after: recto }50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-after: right }50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-after: verso }50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-before: wartość }50
2016-04-13		65
2019-01-29		12
2015-07-29		37
2016-05-04		10
2016-09-20
selektor { break-before: auto }50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-before: avoid }50
2016-04-13		❌79
2020-01-15		37
2016-05-04		❌
selektor { break-before: avoid-column }50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-before: avoid-page }50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-before: column }50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-before: left }50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-before: page }50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-before: recto }50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-before: right }50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-before: verso }50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-inside: wartość }50
2016-04-13		65
2019-01-29		12
2015-07-29		37
2016-05-04		10
2016-09-20
selektor { break-inside: auto }50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-inside: avoid }50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-inside: avoid-column }50
2016-04-13		92
2021-09-07		79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-inside: avoid-page }50
2016-04-13		92
2021-09-07		79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { orphans: wartość }25
2013-02-21		❌12
2015-07-29		9.2
2007-04-11		1.3
2005-04-15
selektor { widows: wartość }25
2013-02-21		❌12
2015-07-29		9.2
2007-04-11		1.3
2005-04-15
Facebook