CSS2 Test Suite: 17.4.1 caption-side
[index page] [section] [Previous] [Next] [Specification]
The style declarations contained within this page:
table {margin: 20px 150px; background: silver;}
table td {background: #FF9;}
caption {border: 1px dotted purple;}
.cl1 {caption-side: top;}
.cl2 {caption-side: right;}
.cl3 {caption-side: bottom;}
.cl4 {caption-side: left;}
[cl1] Table caption on the top
r1c1 | r1c2 | r1c3 | r1c4 |
r2c1 | r2c2 | r2c3 | r2c4 |
r3c1 | r3c2 | r3c3 | r3c4 |
r4c1 | r4c2 | r4c3 | r4c4 |
[cl2] Table caption on the right
r1c1 | r1c2 | r1c3 | r1c4 |
r2c1 | r2c2 | r2c3 | r2c4 |
r3c1 | r3c2 | r3c3 | r3c4 |
r4c1 | r4c2 | r4c3 | r4c4 |
[cl3] Table caption on the bottom
r1c1 | r1c2 | r1c3 | r1c4 |
r2c1 | r2c2 | r2c3 | r2c4 |
r3c1 | r3c2 | r3c3 | r3c4 |
r4c1 | r4c2 | r4c3 | r4c4 |
[cl4] Table caption on the left
r1c1 | r1c2 | r1c3 | r1c4 |
r2c1 | r2c2 | r2c3 | r2c4 |
r3c1 | r3c2 | r3c3 | r3c4 |
r4c1 | r4c2 | r4c3 | r4c4 |
[index page] [section] [Previous] [Next] [Specification]