Windi CSSColumns
Columns
Utilities for controlling the number of columns within an element.
0
1
2
3
4
5
6
7
8
9
10
11
12
CSS
Break After
Utilities for controlling how a column or page should break after an element.
| Class | Properties |
|---|---|
| break-after-auto | break-after: auto; |
| break-after-avoid | break-after: avoid; |
| break-after-all | break-after: all; |
| break-after-avoid-page | break-after: avoid-page; |
| break-after-page | break-after: page; |
| break-after-left | break-after: left; |
| break-after-right | break-after: right; |
| break-after-column | break-after: column; |
Break Before
Utilities for controlling how a column or page should break before an element.
| Class | Properties |
|---|---|
| break-before-auto | break-before: auto; |
| break-before-avoid | break-before: avoid; |
| break-before-all | break-before: all; |
| break-before-avoid-page | break-before: avoid-page; |
| break-before-page | break-before: page; |
| break-before-left | break-before: left; |
| break-before-right | break-before: right; |
| break-before-column | break-before: column; |
Break Inside
Utilities for controlling how a column or page should break within an element.
| Class | Properties |
|---|---|
| break-inside-auto | break-inside: auto; |
| break-inside-avoid | break-inside: avoid; |
| break-inside-avoid-page | break-inside: avoid-page; |
| break-inside-avoid-column | break-inside: avoid-column; |