27. Tables in CSS

Backgrounds

Cell backgrounds are effectively built from layers of elements, some of which may be transparent. The layers, from top to bottom, are:

cells, rows, row groups, columns, column groups, table.

Horizontal layout

table-layout: auto (the default)

Horizontal layout typically depends on cell contents as well as any dimension properties on the table elements.

table-layout: fixed

Horizontal layout depends only on dimension properties, not on cell contents. This can be faster than auto if the table is large.

The text-align cell property determines the horizontal alignment of its content.

Vertical layout

The height of a cell, table, or row is the larger of its height property, and the minimum height required by its contents.

The vertical-align property on a cell determines the vertical alignment of its content: baseline, top, bottom, or middle.