This is the Standard reference for wrapping.
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.
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