Specification
Contents
Previous
Next
TABLE
ElementAttribute summary
:
See if you can view the summary of this table. |
Attribute width
:
This table should be half the width of the viewport. |
This table should be 500 pixels wide. |
Table directionality:
This cell should be on the right. | This cell should be on the left. |
CAPTION
ElementThe captions for the tables below should be in the positions specified.
| ||||
| ||||
| ||||
| ||||
|
THEAD
, TFOOT
, and TBODY
The cells that are not filled with digits below should have the stated alignment.
Header Text, Top Left | 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 |
1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 | Header Text, Top Left |
Footer Text, Bottom Right | 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 |
1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 | Footer Text, Bottom Right |
Body 1 Text, Bottom Left | 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 |
1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 | Body 1 Text, Bottom Left |
Body 2 Text, Top Right | 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 |
1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 | Body 2 Text, Top Right |
COLGROUP
and COL
ElementsThe alignment of the cells below should match the text.
Attributes align
, valign
, and span
:
1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 | Bottom Right | 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 | Top Left | 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 | Middle Left | 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 |
Bottom Right | 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 | Bottom Right | 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 | Top Center | 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 | Middle Left |
Attribute width
(cells below should have the specified widths)
Pixel Values (content of each cell is the width specified by the COL
or COLGROUP
element):
200 | this cell = 300 | this cell = 300 | 97 | 20 |
Percentage Values:
20% | this cell = 40% | this cell = 40% | 19% | 7% |
Relative Values ("0*" should be minimum possible width, "4*" cells should be double the width of "2*", which is itself double the width of "1*"):
0* | 4* | 4* | 2* | 1* |
TR
ElementThe cells below should have the described alignment.
Attributes align
and valign
set on row:
Top Left | 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 |
1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 | Middle Center |
Bottom Right | 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 |
TH
and TD
ElementsThe elements in the table below are set so that the header cells have scope to cover the rows or columns (whichever is appropriate) and the cells are associated by id with the header cells. However, these elements are primarily for non-visual User Agents, so access to them in a visual UA would be a bonus.
Left | Center | Right | ||
---|---|---|---|---|
Top | Top Left | 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 | Top Center | 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 |
Bottom | Bottom Left | 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 | Bottom Center | 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 |
Bottom | 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 | Bottom Center | 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 | Bottom Right |
Top | 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 | Top Center | 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 | Top Right |
Middle | Middle Left | 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 | Middle Center | 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 |
1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 | Middle Center | 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 1234567890123456789012345678901234567890 | Middle Right |
Each table shown below should have the frame (around the sub-table) as described by the row, and rules (between parts of the sub-table) as described by the column.
Rules | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
(unspecified) | none | groups | rows | cols | all | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Frame | (unspecified) |
|
|
|
|
|
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
void |
|
|
|
|
|
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
above |
|
|
|
|
|
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
below |
|
|
|
|
|
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
hsides (above and below) |
|
|
|
|
|
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
lhs (left hand side) |
|
|
|
|
|
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
rhs (right hand side) |
|
|
|
|
|
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
vsides (left and right) |
|
|
|
|
|
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
box (all 4 sides) |
|
|
|
|
|
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
border (all 4 sides) |
|
|
|
|
|
|
The alignments of the cells below should be as described. The words "top" and "baseline" have been enlarged in several cells so that these two vertical alignments can be distinguished. If the header cells at the left show a difference, then your browser at least supports the valign across cells. Better would be to also support the valign within cells, so that in the "top" row, the small text lines up with the top of the word "top", not the baseline.
Horizontal Alignment | |||||||
---|---|---|---|---|---|---|---|
(Unspecified) | Left | Center | Right | Justify | Char.(Decimal) | ||
Vertical Alignment | (Unspecified) | This is the default alignment. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. | This is left alignment. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. | This is center alignment. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. | This is right alignment. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. | This is justify alignment. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. | $100 1.04892 1204.23 0.0.0.0 |
Top | This is top alignment. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. | This is top left alignment. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. | This is top center alignment. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. | This is top right alignment. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. | This is top justify alignment. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. | $100 1.04892 1204.23 0.0.0.0 | |
Middle | This is middle alignment. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. | This is middle left alignment. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. | This is middle center alignment. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. | This is middle right alignment. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. | This is middle justify alignment. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. | $100 1.04892 1204.23 0.0.0.0 | |
Bottom | This is bottom alignment. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. | This is bottom left alignment. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. | This is bottom center alignment. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. | This is bottom right alignment. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. | This is bottom justify alignment. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. | $100 1.04892 1204.23 0.0.0.0 | |
Baseline | This is baseline alignment. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. | This is baseline left alignment. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. | This is baseline center alignment. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. | This is baseline right alignment. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. | This is baseline justify alignment. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. This is filler text to cause this cell to be displayed on multiple lines. | $100 1.04892 1204.23 0.0.0.0 |
Cell 1 of table with cellspacing=10 | Cell 2. There should be 10 pixels between each cell and adjacent cells, as well as between each cell and the outer table border. |
Cell 1 of table with cellpadding=10 | Cell 2. There should be 10 pixels between this content and the cell borders. |