tables:modifiers
Modifiers can be place on rows, cells, and the entire table. For the latter, an explicit table signature is used.
Row modifiers go before the first |
(vertical bar); cell modifiers follow it.
Xilize markup | browser rendering | ||||||||||||||||||
With row and cell modifiers: | cell 11 |{font-size:1.3em}. cell 12 | cell 13 {background:pink}| cell 21 | cell 22 | cell 23 | cell 31 | cell 32 |{color:sienna}. cell 33 With table, row, and cell modifiers: table{background:lightgray}. | cell 11 |{font-size:130%}. cell 12 | cell 13 {background:pink}| cell 21 | cell 22 | cell 23 | cell 31 | cell 32 |{color:sienna}. cell 33 |
With row and cell modifiers:
With table, row, and cell modifiers:
|
XHTML generated
<p>With row and cell modifiers:</p>
<table>
<tbody>
<tr>
<td>cell 11</td>
<td style="font-size:1.3em;"> cell 12</td>
<td>cell 13</td>
</tr>
<tr style="background:pink;">
<td>cell 21</td>
<td>cell 22</td>
<td>cell 23</td>
</tr>
<tr>
<td>cell 31</td>
<td>cell 32</td>
<td style="color:sienna;"> cell 33</td>
</tr>
</tbody>
</table>
<p>With table, row, and cell modifiers:</p>
<table style="background:lightgray;">
<tbody>
<tr>
<td>cell 11</td>
<td style="font-size:130%;"> cell 12</td>
<td>cell 13</td>
</tr>
<tr style="background:pink;">
<td>cell 21</td>
<td>cell 22</td>
<td>cell 23</td>
</tr>
<tr>
<td>cell 31</td>
<td>cell 32</td>
<td style="color:sienna;"> cell 33</td>
</tr>
</tbody>
</table>