17.2 The CSS table model

Chapter 17 - Tables - 17.2 The CSS table model

Go to the relevant page of the specification.

after-content-display-012

:after generated content - display table-column-group
Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element. Elements with 'display' set to 'table-column' or 'table-column-group' are not rendered (exactly as if they had 'display: none').

after-content-display-013

:after generated content - display table-column
Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element. Elements with 'display' set to 'table-column' or 'table-column-group' are not rendered (exactly as if they had 'display: none').

background-root-003

Background - background on root propagates to canvas
Background set on root element should cover the canvas

basic-css-table-001

CSS table display types
CSS display table types are supported.

basic-html-table-001 (HTMLonly)

HTML table with every table element
HTML table elements are supported.

before-content-display-012

:before generated content - display table-column-group
Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element. Elements with 'display' set to 'table-column' or 'table-column-group' are not rendered (exactly as if they had 'display: none').

before-content-display-013

:before generated content - display table-column
Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element. Elements with 'display' set to 'table-column' or 'table-column-group' are not rendered (exactly as if they had 'display: none').

inline-table-001

Inline-table
An element with 'display: inline-table' is rendered as if it were an inline.

inline-table-002a

Test for inline-table
it is a rectangular block that participates in an inline formatting context). The baseline of an 'inline-table' is the baseline of the first row of the table.

inline-table-002b

Test for inline-table
it is a rectangular block that participates in an inline formatting context). The baseline of an 'inline-table' is the baseline of the first row of the table.

inline-table-003

Test for inline-table
it is a rectangular block that participates in an inline formatting context). The baseline of an 'inline-table' is the baseline of the first row of the table.

inline-table-height-001

Test for 'height: auto' on inline-table
it is a rectangular block that participates in an inline formatting context).

inline-table-height-002

Test for 'height: ' on inline-table
it is a rectangular block that participates in an inline formatting context).

inline-table-valign-001

Test for vertical alignment on inline-table
it is a rectangular block that participates in an inline formatting context). The baseline of an 'inline-table' is the baseline of the first row of the table.

table-001

Display-table
An element with display set to 'table' renders as if it were a table.

table-caption-001

Table-caption
An element with 'display: table-caption' is rendered as if it were a table caption.

table-caption-optional-001 (may)

Tables with and without the optional caption
The table caption is optional - a table can be rendered with or without it.

table-caption-optional-002 (may)

Inline-tables with and without the optional caption
A caption on an inline-table is optional - an inline table can be rendered with or without it.

table-cell-001

Table-cell
An element with 'display: table-cell' is rendered as if it were a table cell.

table-cell-002 (image)

Image as 'display: table-cell'
An image element can have a display value of 'table-cell'.

table-column-001

Table-column
An element with 'display: table-column' as if it were a table column.

table-column-group-001

Table-column-group
An element with 'display: table-column-group' is rendered as if it were a table column group.

table-column-rendering-001

Table columns are not rendered
Table columns in themselves are not rendered.

table-column-rendering-002

Table column groups are not rendered
Table column groups in themselves are not rendered.

table-column-rendering-003

Table columns can induce a style on their cells
Table columns can induce a style (background-color) on the cells they occupy.

table-column-rendering-004

Table column groups can induce a style on their cells
Table column groups can induce a style (background-color) on the cells they occupy.

table-footer-group-001

Table-footer-group
An element with 'display: table-footer-group' is rendered as if it were a table footer group.

table-footer-group-002

Table footer group and other row groups
A table-footer-group element is placed after all other row groups in a table.

table-footer-group-003

Table footer group and top captions
A table-footer-group element is placed before any bottom captions.

table-footer-group-004 (may, paged)

Repeating table footer groups in paged media
Print user agents may repeat footer rows on each page spanned by a table (non-normative rule).

table-footer-group-005

Multiple table footer groups
A table containing multiple table-footer-group elements only uses the first one as its footer and treats the others as table row groups.

table-header-group-001

Table-header-group
An element with 'display: table-header-group' is rendered as if it were a table header group.

table-header-group-002

Table header group and other row groups
A table-header-group element is placed before all other row groups in a table.

table-header-group-003

Table header group and top captions
A table-header-group element is placed after any top captions.

table-header-group-004 (may, paged)

Repeating table header groups in paged media
Print user agents may repeat header rows on each page spanned by a table (non-normative rule).

table-header-group-005

Multiple table header groups
A table containing multiple table-header-group elements only uses the first one as its header and treats the others as table row groups.

table-row-001

Table-row
An element with 'display: table-row' is rendered as if it were a table row.

table-row-group-001

Table-row-group
An element with 'display: table-row-group' is rendered as if it were a table row group.