22.12.2013 Views

W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

cells<br />

rows<br />

row groups<br />

columns<br />

column groups<br />

table<br />

Schema of table layers.<br />

1. The lowest layer is a single plane, representing the table box itself. Like all<br />

boxes, it may be transparent.<br />

2. The next layer contains the column groups. The columns groups are as tall<br />

as the table, but they need not cover the whole table horizontally.<br />

3. On top of the column groups are the areas representing the column boxes.<br />

Like column groups, columns are as tall as the table, but need not cover the<br />

whole table horizontally.<br />

4. Next is the layer containing the row groups. Each row group is as wide as<br />

the table. Together, the row groups completely cover the table from top to<br />

bottom.<br />

5. The next to last layer contains the rows. The rows also cover the whole<br />

table.<br />

6. The topmost layer contains the cells themselves. As the figure shows,<br />

although all rows contain the same number of cells, not every cell may have<br />

specified content. These "empty" cells are transparent, letting lower layers<br />

shine through.<br />

In the following example, the first row contains four cells, but the second row<br />

contains no cells, and thus the table background shines through, except where a<br />

cell from the first row spans into this row. The following HTML code and style<br />

rules<br />

<br />

<br />

<br />

<br />

255

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!