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

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Contents<br />

17 Tables<br />

17.1 Introduction to tables . . . . . . . . . . . 245 .<br />

17.2 The CSS table model . . . . . . . . . . . 247 .<br />

17.2.1 Anonymous table objects . . . . . . . . . 248 .<br />

17.3 Column selectors . . . . . . . . . . . . 249 .<br />

17.4 Tables in the visual formatting model . . . . . . . 250 .<br />

17.4.1 Caption position and alignment . . . . . . . 251 .<br />

17.5 Visual layout of table contents . . . . . . . . . 253 .<br />

17.5.1 Table layers and transparency . . . . . . . 254 .<br />

17.5.2 Table width algorithms: the ’table-layout’ property . . . 256 .<br />

Fixed table layout . . . . . . . . . . . 257 .<br />

Automatic table layout . . . . . . . . . . 257 .<br />

17.5.3 Table height algorithms . . . . . . . . . 258 .<br />

17.5.4 Horizontal alignment in a column . . . . . . . 260 .<br />

17.5.5 Dynamic row and column effects . . . . . . . 261 .<br />

17.6 Borders . . . . . . . . . . . . . . 261 .<br />

17.6.1 The separated borders model . . . . . . . . 261 .<br />

Borders around empty cells: the ’empty-cells’ property . . 262 .<br />

17.6.2 The collapsing border model . . . . . . . . 263 .<br />

Border conflict resolution . . . . . . . . . 264 .<br />

17.6.3 Border styles . . . . . . . . . . . . 266 .<br />

17.7 Audio rendering of tables . . . . . . . . . . 267 .<br />

17.7.1 Speaking headers: the ’speak-header’ property . . . 267 .<br />

17.1 Introduction to tables<br />

Tables represent relationships between data. Authors specify these relationships<br />

in the document language [p. 30] and specify their presentation in CSS, in two<br />

ways: visually and aurally.<br />

Authors may specify the visual formatting of a table as a rectangular grid of<br />

cells. Rows and columns of cells may be organized into row groups and column<br />

groups. Rows, columns, row groups, row columns, and cells may have borders<br />

drawn around them (there are two border models in <strong>CSS2</strong>). Authors may align<br />

data vertically or horizontally within a cell and align data in all cells of a row or<br />

column.<br />

Authors may also specify the aural rendering of a table; how headers and data<br />

will be spoken. In the document language, authors may label cells and groups of<br />

cells so that when rendered aurally, cell headers are spoken before cell data. In<br />

effect, this "serializes" the table: users browsing the table aurally hear a<br />

sequence of headers followed by data.<br />

245

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

Saved successfully!

Ooh no, something went wrong!