17.5.3 Table height algorithms

Chapter 17 - Tables - 17.5.3 Table height algorithms

Go to the relevant page of the specification.

table-height-algorithm-001 (ahem)
Table height of 'auto' equals sum of row heights, cell spacing and borders
A table height of 'auto' equals the sum of the row heights plus any cell spacing and borders.
table-height-algorithm-002 (ahem)
Specified table height is treated as minimum height
A specified table height value is treated as the minimum height of the table.
table-height-algorithm-003 (ahem)
Specified row height is treated as minimum row height
A specified row height value is treated as the minimum height of the row.
table-height-algorithm-004 (ahem)
Specifying 'auto' height on a row assigns it its minimum content height
This tests that setting 'height: auto' on a row assigns the row its minimum content height.
table-height-algorithm-008 (ahem)
Height of a cell is maximum between its specified 'height' and content minimum height
The height of a cell is the maximum between its specified 'height' and content minimum height.
table-height-algorithm-009 (ahem)
Height value of 'auto' on a cell assigns it its content minimum height
A 'height' value of 'auto' on a cell assigns it its content minimum height.
table-height-algorithm-010 (ahem)
Sum of row heights of a spanning cell must be great enough to encompass the full cell
The sum of row heights for a spanning cell are great enough to encompass the full cell.
table-height-algorithm-011
Vertical-align set to 'baseline' aligns the cell content baseline with baseline of the row
A cell with Vertical-align set to 'baseline' aligns the cell's content baseline with the baseline of the row.
table-height-algorithm-012
Vertical-align set to 'baseline' with a spanning cell
A spanning cell with Vertical-align set to 'baseline' aligns the cell's content baseline (which is the bottom of the first line of text or in-flow content) with the baseline of the first of the rows it spans.
table-height-algorithm-013
Vertical-align set to 'top' aligns cell content to the top of the cell
A cell with Vertical-align set to 'top' aligns a cell's content to the top of the cell.
table-height-algorithm-014
Vertical-align set to 'top' with a spanning cell
A spanning cell with Vertical-align set to 'top' aligns the cell's content to the top of the first row that it spans.
table-height-algorithm-015
Vertical-align set to 'bottom' aligns cell content to the bottom of the cell
A cell with Vertical-align set to 'bottom' aligns the cell's content to the bottom of the cell.
table-height-algorithm-016
Vertical-align set to 'bottom' with a spanning cell
A spanning cell with Vertical-align set to 'bottom' aligns the cell's content to the bottom of the last row it spans.
table-height-algorithm-017
Vertical-align set to 'middle' aligns content to the middle of the cell
A cell with Vertical-align set to 'middle' aligns cell content in the middle of the cell.
table-height-algorithm-018
Vertical-align set to 'middle' with a spanning cell
A spanning cell with 'vertical-align' set to 'middle' aligns content to the vertical center of the rows it spans.
table-height-algorithm-019
Cell with 'vertical-align: sub' renders as 'vertical-align: baseline'
A cell with 'vertical-align: sub' renders as if the value were 'baseline'.
table-height-algorithm-020
Cell with 'vertical-align: super' renders as 'vertical-align: baseline'
A cell with 'vertical-align: super' renders as if the value were 'baseline'.
table-height-algorithm-021
Cell with 'vertical-align: text-top' renders as 'vertical-align: baseline'
A cell with 'vertical-align: text-top' renders as if the value were 'baseline'.
table-height-algorithm-022
Cell with 'vertical-align: text-bottom' renders as 'vertical-align: baseline'
A cell with 'vertical-align: text-bottom' renders as if the value were 'baseline'.
table-height-algorithm-023
Cell with 'vertical-align: [length]' renders as 'vertical-align: baseline'
A cell with 'vertical-align: [length]' renders as if the value were 'baseline'.
table-height-algorithm-024
Cell with 'vertical-align: [percentage]' renders as 'vertical-align: baseline'
A cell with 'vertical-align: [percentage]' renders as if the value were 'baseline'.
table-height-algorithm-025
Finding the baseline of a cell
The baseline of a cell is the baseline of the first in-flow line box in the cell or first in-flow table-row in the cell, whichever comes first.
table-height-algorithm-026
Finding the baseline of a cell when no in-flow lines or rows
The baseline of a cell is determined by the bottom content edge of a cell when in-flow line boxes and table rows are not present.
table-height-algorithm-027 (ahem)
In-flow boxes are considered scrolled to origin position when finding a baseline
In-flow boxes are considered to be scrolled to their origin position when finding a baseline.
table-height-algorithm-028 (ahem, may)
Baseline of a cell might end up below its bottom border
The baseline of a cell may end up below its bottom border (modified example from spec section 17.5.3).
table-height-algorithm-029
Table cells with different 'vertical-align' values
A table can have cells with different 'vertical-align' values.
table-height-algorithm-030 (ahem)
Cell boxes smaller than their rows receive extra padding
A cell box that is smaller than height of its row receives extra top or bottom padding.
table-height-algorithm-031
Table baseline and caption
A table caption does not set the baseline for a table.
table-height-algorithm-032
Inline-table baseline and caption
A table caption does not set the baseline for an inline-table.
table-valign-001
Table Cell Vertical Alignment Affect on Specified Height
Vertical alignment of cell contents does not increase the height of cells in the row if there is already enough room.
table-valign-002
Table Cell Vertical Alignment with Specified Height
Vertical alignment in table cells works whether or not that cell has a specified height.
table-vertical-align-baseline-001
Test for baseline alignment of table cells
table-vertical-align-baseline-002
Test for baseline alignment of table cells
table-vertical-align-baseline-003
Test for baseline alignment of table cells
table-vertical-align-baseline-004
Test for baseline alignment of table cells
table-vertical-align-baseline-005
Test for baseline alignment of table cells
table-vertical-align-baseline-006
Test for baseline alignment of table cells
table-vertical-align-baseline-007
Test for baseline alignment of table cells