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 |
