Skip to content
TeaCSS documentation

Tables

Table layout, borders, and captions. TeaCSS Standard reference.

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

table-layout

Interactive example. Prefixes: table-layout. Example: table-layout:auto. It emits table-layout:auto;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.

Documented values (2)

auto, fixed

border-collapse

Interactive example. Prefixes: border-collapse. Example: border-collapse:collapse. It emits border-collapse:collapse;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.

Documented values (2)

collapse, separate

border-spacing

Interactive example. Rule type: composer. Prefixes: border-spacing, border-spacing-x, border-spacing-y. Example: border-spacing:1x. It emits border-spacing:var(--spacing-1x);.

Documented values (9)

1x, 2x, 3x, 4x, 5x, 6x, 7x, 8x, 9x

caption-side

Interactive example. Prefixes: caption-side. Example: caption-side:top. It emits caption-side:top;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.

Documented values (4)

top, bottom, inline-start, inline-end

empty-cells

Interactive example. Prefixes: empty-cells. Example: empty-cells:show. It emits empty-cells:show;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.

Documented values (2)

show, hide