This is the Standard reference for wrapping.
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.
shape-outside
Interactive example.
Prefixes: shape-outside. Example: shape-outside:none. It emits shape-outside:none;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (7)
none, margin-box, border-box, padding-box, content-box, [circle(50%)], [url(mask.png)]
shape-inside
Interactive example.
Prefixes: shape-inside. Example: shape-inside:auto. It emits shape-inside:auto;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (11)
auto, outside-shape, display, margin-box, border-box, padding-box, content-box, [circle(50%)], [circle(50%)_border-box], [url(mask.png)], $shape
shape-margin
Interactive example.
Prefixes: shape-margin. Example: shape-margin:8. It emits shape-margin:2rem;.
Documented values (4)
8, 1rem, 10%, [2px]
shape-image-threshold
Interactive example.
Prefixes: shape-image-threshold. Example: shape-image-threshold:0. It emits shape-image-threshold:0;.
Documented values (4)
0, 0.5, 1, 50%
border-boundary
Interactive example.
Prefixes: border-boundary. Example: border-boundary:none. It emits border-boundary:none;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (4)
none, parent, display, $mode
wrap-flow
Interactive example.
Prefixes: wrap-flow. Example: wrap-flow:auto. It emits wrap-flow:auto;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (9)
auto, both, start, end, minimum, maximum, clear, [both], $flow
wrap-through
Interactive example.
Prefixes: wrap-through. Example: wrap-through:wrap. It emits wrap-through:wrap;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (3)
wrap, none, $mode