caption-side
This property specifies the position of the caption box with respect to the table box.
Property
Value:
top | bottom | inherit
top : Positions the caption box above the table box.
bottom : Positions the caption box below the table box.
Initial:
top
Applies to:
'table-caption' elements
Inherited:
yes
Percentages:
N/A
Media:
visual
Computed value:
as specified
Examples
<table style="caption-side:bottom;text-align: left;">
<caption>Associations</caption>
<tr>
<th>header 1</th><th>header 1</th><th>header 3</th>
<tr>
<td>value 11</td><td>value 12</td><td>value 13</td>
<tr>
<td>value 21</td><td>value 22</td><td>value 23</td>
</table>
=>
hotels
Asia Europe America
value 11 value 12 value 13
value 21 value 22 value 23
table-layout
The 'table-layout' property controls the algorithm used to lay out the table cells, rows, and columns.
Property
Value:
auto | fixed | inherit
auto : Use any automatic table layout algorithm
fixed : Use the fixed table layout algorithm
Initial:
auto
Applies to:
'table' and 'inline-table' elements
Inherited:
no
Percentages:
N/A
Media:
visual
Computed value:
as specified
Examples
<table style="border:solid;table-layout: fixed; margin-left: 2em;margin-right: 2em ;">
<tr>
<td>value 11</td><td>value 12</td><td>value 13</td>
<tr>
<td>value 21</td><td>value 22</td><td>value 23</td>
</table>
=>
value 11 value 12 value 13
value 21 value 22 value 23
<table style="border:solid;table-layout: auto; margin-left: 2em;margin-right: 2em ;">
<tr>
<td>value 11</td><td>value 12</td><td>value 13</td>
<tr>
<td>value 21</td><td>value 22</td><td>value 23</td>
</table>
=>
value 11 value 12 value 13
value 21 value 22 value 23
border-collapse
This property selects a table's border model. The value 'separate' selects the separated borders border model. The value 'collapse' selects the collapsing borders model.
Property
Value:
collapse | separate | inherit
Initial:
separate
Applies to:
'table' and 'inline-table' elements
Inherited:
yes
Percentages:
N/A
Media:
visual
Computed value:
as specified
Examples
<table border="1"style="border-collapse:collapse;">
<tr>
<td>value 11</td><td>value 12</td><td>value 13</td>
<tr>
<td>value 21</td><td>value 22</td><td>value 23</td>
</table>
=>
value 11 value 12 value 13
value 21 value 22 value 23
<table border="1" style="border-collapse:separate;">
<tr>
<td>value 11</td><td>value 12</td><td>value 13</td>
<tr>
<td>value 21</td><td>value 22</td><td>value 23</td>
</table>
=>
value 11 value 12 value 13
value 21 value 22 value 23
border-spacing
Property
Value:
length length? | inherit
Initial:
0
Applies to:
'table' and 'inline-table' elements
Inherited:
yes
Percentages:
N/A
Media:
visual
Computed value:
two absolute lengths
Examples
<tr>
<td>Phone</td>
<td>Camera</td>
<td>comm</td>
</tr></table>
=>
empty-cells
When this property has the value 'show', borders and backgrounds are drawn around/behind empty cells (like normal cells).
Property
Value:
show | hide | inherit
Initial:
show
Applies to:
'table-cell' elements
Inherited:
yes
Percentages:
N/A
Media:
visual
Computed value:
as specified
Examples
<table border="1" style="empty-cells:show">
<tr>
<td>ex1</td><td>ex2</td><td></td>
</table>
=>
<table border="1" style="empty-cells:hide">
<tr>
<td>ex1</td><td>ex2</td><td></td>
</table>
=>
For complete reference see CSS Style reference at W3C
AM..27 AM..28 AM..29 AM..30 AM..31 AM..32 AM..33 AM..34 AM..35 AM..36 AM..37 AM..38 AM..39 AM..40
AM..41 AM..42 AM..43 AM..44 AM..45 AM..46 AM..47 AM..48 AM..49 AM..50 AM..51 AM..52 AM..53 AM..54
AM..55 AM..56 AM..57 AM..58 AM..59 AM..60 AM..61 AM..62 AM..63 AM..64 AM..65 AM..66 AM..67 AM..68
AM..69 AM..70 AM..71 AM..72 AM..73 AM..74 AM..75 AM..76 AM..77 AM..78 AM..79 AM..80 AM..81 AM..82
AM..83 AM..84 AM..85 AM..86 AM..87 AM..88 AM..89 AM..90 AM..91 AM..92 AM..93 AM..94 AM..95 AM..96
AM..97 AM..98 AM..99 AM..100 AM..101 AM..102 AM..103 AM..104 AM..105 AN..1 AN..2 AN..3 AN..4 AN..5
AN..6 AN..7 AN..8 AO..1 AP..1 AP..2 AP..3 AP..4 AP..5 AP..6 AP..7 AP..8 AP..9 AP..10
AP..11 AP..12 AP..13 AP..14 AQ..1 AQ..2 AQ..3 AR..1 AR..2 AR..3 AR..4 AS..1 AS..2 AS..3
AS..4 AS..5 AS..6 AS..7 AS..8 AS..9 AS..10 AS..11 AS..12 AS..13 AS..14 AS..15 AS..16 AS..17
AS..18 AS..19 AS..20 AS..21 AS..22 AS..23 AS..24 AS..25 AS..26 AS..27 AT..1 AT..2 AT..3 AT..4
AT..5 AT..6 AT..7 AT..8 AT..9 AT..10 AT..11 AT..12 AT..13 AT..14 AT..15 AT..16 AT..17 AT..18
AT..19 AT..20 AT..21 AT..22 AT..23 AT..24 AT..25 AT..26 AT..27 AT..28 AT..29 AT..30 AT..31 AT..32
AT..33 AT..34 AT..35 AT..36 AT..37 AT..38 AT..39 AT..40 AT..41 AT..42 AT..43 AT..44 AT..45 AT..46
AT..47 AT..48 AT..49 AT..50 AT..51 AT..52 AT..53 AT..54 AT..55 AT..56 AU..1 AV..1 AV..2 AV..3
AV..4 AV..5 AW..1 AX..1 AY..1 AZ..1 AZ..2 AZ..3 AZ..4 AZ..5 AZ..6 AZ..7 AZ..8 AZ..9
AZ..10 AZ..11 AZ..12 AZ..13 AZ..14 AZ..15 AZ..16 AZ..17