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