Skip to content
TeaCSS documentation

Tables

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

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

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