This is the Standard reference for publishing.
The vocabulary comes from the teacss-ts Storybook at revision
9de266d for package version 0.10.11.
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