Własność CSS break-after

> Dodaj do ulubionych

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

ZastosowanieElementy blokowe
Obsługiwane wartościSłowa kluczowe auto, avoid, avoid-page, page, left, right, recto, verso, avoid-column, column, avoid-region, region
Wartość początkowaauto
DziedziczenieNie
Specyfikacja CSSCSS Fragmentation Module Level 3, break-after
Jajko z dzwonkiem

Podoba Ci się ta strona?

Pomóż nam się rozwijać, wykupując płatne konto. Dzięki temu będziemy mogli tworzyć dla Ciebie jeszcze więcej ciekawych treści, a Ty pozbędziesz się reklam.