Własność CSS break-after określa sposób łamania kolumn, stron lub regionów po wybranym elemencie znajdującym się w ich treści.
Wartości i składnia
Własność break-after
może być używana w paru różnych kontekstach fragmentarycznych i dlatego obsługuje kilka zestawów wartości.
Wartości generyczne
Te wartości mogą być używane w każdym kontekście fragmentarycznym.
auto
- Pozwala na złamanie treści za danym elementem, ale nie wymusza tego.
avoid
- Nakazuje unikać łamania treści za danym elementem.
Wartości kolumnowe
Te wartości działają tylko w układach wielokolumnowych CSS, czyli na elementy znajdujące się wewnątrz kolumn w kontenerach wielokolumnowych.
avoid-column
- Unika złamania kolumny po danym elemencie.
column
- Zawsze wymusza złamanie kolumny po danym elemencie.
Wartości stronicowe
Te wartości działają tylko w kontekstach stronicowanych.
avoid-page
- Unika złamania strony po danym elemencie.
page
- Zawsze wymusza złamanie strony po danym elemencie.
left
- Wymusza jedno lub dwa złamania strony po danym elemencie, tak aby następna strona była sformatowana jako lewa.
right
- Wymusza jedno lub dwa złamania strony po danym elemencie, tak aby następna strona była sformatowana jako prawa.
recto
- Wymusza jedno lub dwa złamania strony po danym elemencie, tak aby następna strona była sformatowana jako prawa w kontekście rozłożonej książki (w przypadku tekstu w takich językach, jak polski).
verso
- Wymusza jedno lub dwa złamania strony po danym elemencie, tak aby następna strona była sformatowana jako lewa w kontekście rozłożonej książki (w przypadku tekstu w takich językach, jak polski).
Wartości regionowe
Te wartości działają tylko w kontekstach wieloregionowych.
avoid-region
- Unika złamania regionu po danym elemencie.
column
- Zawsze wymusza złamanie regionu po danym elemencie.
Przykłady
W poniższym przykładzie element aside
zawsze będzie ostatni w kolumnie w układzie wielokolumnowym CSS, ponieważ ustawiliśmy po nim wymuszone złamanie kolumny.
aside {
break-after: column;
}
Podsumowanie
Zastosowanie | Elementy blokowe |
---|---|
Obsługiwane wartości | Słowa kluczowe auto , avoid , avoid-page , page , left , right , recto , verso , avoid-column , column , avoid-region , region |
Wartość początkowa | auto |
Dziedziczenie | Nie |
Specyfikacja CSS | CSS Fragmentation Module Level 3, break-after |