We can
choose the model we prefer by using the border-collapse property, and setting
the value to separate (the initial value) or collapse.
24 http://www.w3.org/TR/CSS21/tables.html#auto-table-layout
CSS Layout and Formatting
The Ultimate CSS Reference 174
In the separated borders model only cells (and the table itself) can have borders;
rows, row groups, columns, and column groups cannot. Borders are drawn
individually around the cells and the cells are separated by the vertical and
horizontal distances specified by the border-spacing property. In the space between
cell borders, the backgrounds of rows, row groups, columns, and column groups
are invisible. Only the table background is visible in the inter-cell spacing. Figure
6.13 shows an example of a table that??™s rendered using the separated borders model.
Figure 6.13: Rendering a table with separated borders
Here??™s the relevant CSS for the table:
table {
border-collapse: separate;
border-spacing: 1em 0.5em;
background-color: #ddd;
}
Another property that applies in the separated borders model is the empty-cells
property.
Pages:
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266