Własność CSS break-inside określa sposób łamania kolumn, stron lub regionów wewnątrz wybranego elementu znajdującego się w ich treści.
Wartości i składnia
Własność break-inside jako wartość przyjmuje jedno z następujących słów kluczowych.
auto- Pozwala na łamanie treści (strony, kolumny lub regionu) wewnątrz wybranego elementu, ale nie wymusza tego.
avoid- Nakazuje unikać łamania treści (strony, kolumny lub regionu) wewnątrz wybranego elementu.
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 wewnątrz wybranego elementu.
column- Zawsze wymusza złamanie kolumny wewnątrz wybranego elementu.
avoid-page- Unika złamania strony wewnątrz wybranego elementu.
avoid-column- Unika złamania kolumny wewnątrz wybranego elementu.
avoid-region- Unika złamania regionu wewnątrz wybranego elementu.
Przykłady
W poniższym przykładzie element figure będzie traktowany jako jedna niepodzielna całość w układzie wielokolumnowym CSS.
figure {
break-inside: avoid-column;
}
Podsumowanie
| Zastosowanie | Elementy blokowe |
|---|---|
| Obsługiwane wartości | Słowa kluczowe auto, avoid, avoid-page, avoid-column, avoid-region |
| Wartość początkowa | auto |
| Dziedziczenie | Nie |
| Specyfikacja CSS | CSS Fragmentation Module Level 3, break-inside |
