This is the Standard reference for publishing.
It follows the authored TeaCSS vocabulary at source revision
fa3709a for package version 0.7.1.
Each value list gives finite examples and named values for its prefixes. A
bracket or variable example demonstrates that open form for the same prefix;
the listed arbitrary literals are samples, not every accepted literal. Check
the Storybook token reference for more examples,
and do not infer support from a different prefix.
columns
Interactive example.
Prefixes: columns. Example: columns:auto. It emits columns:auto;.
Documented values (19)
auto, 1, 2, 3, 4, 5, 6, 7, 8, 9, 1c, 2c,
3c, 4c, 5c, 6c, 7c, 8c, 9c
column-count
Interactive example.
Prefixes: column-count. Example: column-count:auto. It emits column-count:auto;.
Documented values (6)
auto, 1, 2, 3, 4, 5
column-height
Interactive example. Maturity: experimental. Browser support: CSS Multi-column Layout Level 2 properties have limited browser support.
Prefixes: column-height. Example: column-height:auto. It emits column-height:auto;.
Documented values (5)
auto, 12, 1c, [20ch], $height
column-width
Interactive example.
Prefixes: column-width. Example: column-width:auto. It emits column-width:auto;.
Documented values (5)
auto, 12, 1c, [20ch], $measure
column-fill
Interactive example.
Prefixes: column-fill. Example: column-fill:auto. It emits column-fill:auto;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (3)
auto, balance, balance-all
column-wrap
Interactive example. Maturity: experimental. Browser support: CSS Multi-column Layout Level 2 properties have limited browser support.
Prefixes: column-wrap. Example: column-wrap:auto. It emits column-wrap:auto;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (4)
auto, nowrap, wrap, $wrap
column-span
Interactive example.
Prefixes: column-span. Example: column-span:none. It emits column-span:none;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (2)
none, all
break-before
Interactive example.
Prefixes: break-before. Example: break-before:auto. It emits break-before:auto;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (14)
auto, avoid, always, all, avoid-page, page, left, right, recto, verso, avoid-column, column,
avoid-region, region
break-after
Interactive example.
Prefixes: break-after. Example: break-after:auto. It emits break-after:auto;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (14)
auto, avoid, always, all, avoid-page, page, left, right, recto, verso, avoid-column, column,
avoid-region, region
break-inside
Interactive example.
Prefixes: break-inside. Example: break-inside:auto. It emits break-inside:auto;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (5)
auto, avoid, avoid-page, avoid-column, avoid-region
box-decoration-break
Interactive example.
Prefixes: box-decoration-break. Example: box-decoration-break:slice. It emits box-decoration-break:slice;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (2)
slice, clone
page
Interactive example. Maturity: advanced. Browser support: Paged-media behavior depends on print engines and document formatters; verify the target renderer.
Prefixes: page. Example: page:auto. It emits page:auto;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (5)
auto, invoice, appendix, $page, [narrow]
orphans
Interactive example.
Prefixes: orphans. Example: orphans:1. It emits orphans:1;.
Documented values (4)
1, 2, 3, $lines
widows
Interactive example.
Prefixes: widows. Example: widows:1. It emits widows:1;.
Documented values (4)
1, 2, 3, $lines
running
Interactive example. Maturity: advanced. Browser support: Paged-media behavior depends on print engines and document formatters; verify the target renderer.
Prefixes: running. Example: running:none. It emits running:none;.
Documented values (4)
none, chapter, --folio, $name
bookmark-level
Interactive example. Maturity: advanced. Browser support: Paged-media behavior depends on print engines and document formatters; verify the target renderer.
Prefixes: bookmark-level. Example: bookmark-level:none. It emits bookmark-level:none;.
Documented values (5)
none, 1, 2, 3, $level
bookmark-label
Interactive example. Maturity: advanced. Browser support: Paged-media behavior depends on print engines and document formatters; verify the target renderer.
Prefixes: bookmark-label. Example: bookmark-label:[content(text)]. It emits bookmark-label:content(text);.
Documented values (3)
[content(text)], [attr(title)], $label
bookmark-state
Interactive example. Maturity: advanced. Browser support: Paged-media behavior depends on print engines and document formatters; verify the target renderer.
Prefixes: bookmark-state. Example: bookmark-state:open. It emits bookmark-state:open;.
Documented values (3)
open, closed, $state
footnote-display
Interactive example. Maturity: advanced. Browser support: Paged-media behavior depends on print engines and document formatters; verify the target renderer.
Prefixes: footnote-display. Example: footnote-display:block. It emits footnote-display:block;.
Documented values (4)
block, inline, compact, $display
footnote-policy
Interactive example. Maturity: advanced. Browser support: Paged-media behavior depends on print engines and document formatters; verify the target renderer.
Prefixes: footnote-policy. Example: footnote-policy:auto. It emits footnote-policy:auto;.
Documented values (4)
auto, line, block, $policy