You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<p>The height of a 'table-row' element's box is calculated once the
1024
1024
user agent has all the cells in the row available: it is the maximum
1025
-
of the row's specified <ahref="visudet.html#propdef-height" class="noxref"><spanclass="propinst-height">'height'</span></a>
1025
+
of the row's <del>specified</del><ins>computed</ins><ahref="visudet.html#propdef-height" class="noxref"><spanclass="propinst-height"><ins>'height'</ins></span></a><ins>,
1026
+
the computed</ins><ahref="visudet.html#propdef-height" class="noxref"><spanclass="propinst-height">'height'</span></a><ins>of each
1027
+
cell in the row,</ins>
1026
1028
and the minimum height (MIN) required by the cells. A <ahref="visudet.html#propdef-height" class="noxref"><span
1027
1029
class="propinst-height">'height'</span></a> value of 'auto' for a
1028
1030
'table-row' means the <del>computed</del>row height <ins>used for layout</ins> is MIN. MIN depends
and the minimum height required by the content (MIN). A value of
1039
-
'auto' for <ahref="visudet.html#propdef-height" class="noxref"><spanclass="propinst-height">'height'</span></a> implies<del>a computed</del><ins>that
1040
-
the</ins> value <del>of MIN. CSS2 does not define what percentage values of 'height' refer to when specified</del><ins>MIN will be used</ins>for <del>table cells. CSS2</del><ins>layout.</ins>
1038
+
<p>In <del>CSS2,</del><ins>CSS 2.1,</ins> the height of a cell box is the <del>maximum of</del><ins>minimum height
1039
+
required by the content.</ins> The table cell's <ahref="visudet.html#propdef-height" class="noxref"><span
1040
+
class="propinst-height">'height'</span></a> property <del>and</del><ins>can influence</ins> the
1041
+
<del>minimum</del>height<del>required by</del><ins>of</ins> the<del>content (MIN). A value</del><ins>row (see above), but it does not increase the height</ins> of
1042
+
<del>'auto' for 'height' implies a computed value of MIN. CSS2 does not define what percentage values of 'height' refer to when specifiedfor table cells. CSS2</del><ins>the cell box.</ins>
1041
1043
1042
1044
<p><ins>CSS 2.1</ins> does not specify how cells that span more than <ins>one</ins> row
1043
1045
affect row height calculations except that the sum of the row heights
@@ -1156,23 +1158,23 @@ <h3>17.5.4 <a name="column-alignment">Horizontal alignment in a column</a></h3>
1156
1158
1157
1159
<p>The horizontal alignment of a cell's <ins>inline</ins> content within a cell
1158
1160
box <del>is</del><ins>can be</ins> specified <del>with</del><ins>by</ins> the <del>'text-align' property. When</del><ins>value of</ins>
1159
-
the <ahref="text.html#propdef-text-align" class="noxref"><spanclass="propinst-text-align">'text-align'</span></a> property <del>for more than one cell in a column is set to a <string> value,</del><ins>on</ins>
1160
-
the <del>content of those cells is aligned along a vertical axis.</del><ins>cell.</ins>
1161
+
the <ahref="text.html#propdef-text-align" class="noxref"><spanclass="propinst-text-align">'text-align'</span></a> property <ins>on
1162
+
the cell.</ins>
1161
1163
1162
1164
1163
1165
1164
1166
<h3><ins>17.5.5</ins><aname="dynamic-effects"><ins>Dynamic row and column effects</ins></a></h3>
takes</ins>the<del>string touches</del><ins>value 'collapse' for row, row group, column, and column
1168
-
group elements.</ins> This <del>axis. Character directionality determines whether</del><ins>value causes</ins> the <del>string lies</del><ins>entire row or column</ins> to <ins>be
1169
-
removed from</ins> the <del>left</del><ins>display, and the space normally taken up by the row</ins>
1170
-
or <del>right</del><ins>column to be made available for other content. Contents</ins> of <ins>spanned
1171
-
rows and columns that intersect</ins> the <del>axis. Aligning text in this way is only useful if</del><ins>collapsed column or row are
1172
-
clipped.</ins> The <del>text fits on one line.</del><ins>suppression of</ins> the <del>result is undefined if</del><ins>row or column, however, does not
1173
-
otherwise affect</ins> the <del>cell content spans more than one line. If value</del><ins>layout</ins> of <del>'text-align' for a</del><ins>the table. This allows dynamic effects
1174
-
to remove</ins> table <del>cell is</del><ins>rows or columns without forcing</ins> a <del>string but</del><ins>re-layout of</ins> the
1175
-
<del>string doesn't occur</del><ins>table</ins> in <del>the cell content, the end of the cell's content touches the vertical axis of alignment. Note that the strings do not have to be the same for each cell, although they usually are. CSS does not provide a way specify the offset of the vertical alignment axis with respect to the edge of a column box. Example(s): The following style sheet: TD { text-align: "." } TD:before { content: "$" } will cause the column of dollar figures in the following HTML table: <TABLE> <COL width="40"> <TR> <TH>Long distance calls <TR> <TD> 1.30 <TR> <TD> 2.50 <TR> <TD> 10.80 <TR> <TD> 111.01 <TR> <TD> 85. <TR> <TD> 90 <TR> <TD> .05 <TR> <TD> .06 </TABLE> to align along the decimal point. For fun, we have used the :before pseudo-element to insert a dollar sign before each figure. The table might be rendered as follows: Long distance calls $1.30 $2.50 $10.80 $111.01 $85. $90 $.05 $.06 17.5.5 Dynamic row and column effects The 'visibility' property takes the value 'collapse' for row, row group, column, and column group elements. This value causes the entire row or column to be removed from the display, and the space normally taken up by the row or column to be made available for other content. The suppression of the row or column, however, does not otherwise affect the layout of the table. This allows dynamic effects to remove table rows or columns without forcing a re-layout of the table in order to account for</del><ins>order to account for</ins> the potential change in column
takes the value 'collapse'</ins>for<del>more than one cell in a</del><ins>row, row group, column, and column
1170
+
group elements. This value causes the entire row or</ins> column <del>is set</del>to <del>a <string> value,</del><ins>be
1171
+
removed from</ins> the <del>content of those cells is aligned along a vertical axis.</del><ins>display, and the space normally taken up by</ins> the <del>beginning</del><ins>row
1172
+
or column to be made available for other content. Contents</ins> of <ins>spanned
1173
+
rows and columns that intersect</ins> the <del>string touches this axis. Character directionality determines whether</del><ins>collapsed column or row are
1174
+
clipped.</ins> The <del>string lies to</del><ins>suppression of</ins> the <del>left</del><ins>row</ins> or <del>right</del><ins>column, however, does not
1175
+
otherwise affect the layout</ins> of the <del>axis. Aligning text in this way is only useful if the text fits on one line. The result is undefined if the cell content spans more than one line. If value of 'text-align' for a table cell is a string but the string doesn't occur in the cell content, the end of the cell's content touches the vertical axis of alignment. Note that the strings do not have to be the same for each cell, although they usually are. CSS does not provide a way specify the offset of the vertical alignment axis with respect to the edge of a column box. Example(s): The following style sheet: TD { text-align: "." } TD:before { content: "$" } will cause the column of dollar figures in the following HTML table: <TABLE> <COL width="40"> <TR> <TH>Long distance calls <TR> <TD> 1.30 <TR> <TD> 2.50 <TR> <TD> 10.80 <TR> <TD> 111.01 <TR> <TD> 85. <TR> <TD> 90 <TR> <TD> .05 <TR> <TD> .06 </TABLE> to align along the decimal point. For fun, we have used the :before pseudo-element to insert a dollar sign before each figure. The table might be rendered as follows: Long distance calls $1.30 $2.50 $10.80 $111.01 $85. $90 $.05 $.06 17.5.5 Dynamic row and column effects The 'visibility' property takes the value 'collapse' for row, row group, column, and column group elements. This value causes the entire row or column to be removed from the display, and the space normally taken up by the row or column to be made available for other content. The suppression of the row or column, however, does not otherwise affect the layout of the table.</del><ins>table.</ins> This allows dynamic effects
1176
+
to remove table rows or columns without forcing a re-layout of the
1177
+
table in order to account for the potential change in column
<pclass="note"><del>specify</del><ins>*) Note: user agents may also apply</ins> the
1228
1230
<del>distance that separates adjacent cell borders. If one length</del><ins>'border-spacing' property to 'frameset' elements. Which elements are
1229
-
'frameset' elements</ins> is <del>specified, it gives both the horizontal</del><ins>not defined by this specification</ins> and <del>vertical spacing. If two are specified, the first gives</del><ins>is up to</ins>
1230
-
the <del>horizontal spacing and</del><ins>document language. For example, HTML4 defines a <FRAMESET>
1231
+
'frameset' elements</ins> is <del>specified, it gives both the horizontal</del><ins>not defined by this specification</ins> and <del>vertical spacing. If two are</del><ins>is up to
1232
+
the document language. For example, HTML4 defines a <FRAMESET>
1231
1233
element, and XHTML 1.0 defines a <frameset> element. The
1232
1234
'border-spacing' property on a 'frameset' element can be thus used as
1233
1235
a valid substitute for the non-standard 'framespacing' attribute.</ins>
1234
1236
1235
1237
<p><ins>The lengths specify the distance that separates adjoining cell
1236
1238
borders. If one length is specified, it gives both the horizontal and
1237
-
vertical spacing. If two are specified, the first gives the horizontal
1238
-
spacing and</ins> the second the vertical spacing. Lengths may not be
1239
+
vertical spacing. If two are</ins> specified, the first gives the horizontal
1240
+
spacing and the second the vertical spacing. Lengths may not be
1239
1241
negative.
1240
1242
1241
1243
<p><ins>The distance between the table border and the borders of the cells
<p>Here <var>n</var> is the number of cells in the row,
1372
-
<var><ins>padding-left</ins></var><sub><var><ins>i</ins></var></sub> and
1373
-
<var><del>border-width</del><ins>padding-right</ins></var><sub><var>i</var></sub><del>refers</del><ins>refer</ins> to the <del>border between cells i and</del><ins>left
1374
-
(resp., right) padding of cell</ins><var><ins>i</ins></var><ins>, and</ins>
1375
-
<var><ins>border-width</ins></var><sub><var><ins>i</ins></var></sub><ins>refers to the border
1376
-
between cells</ins><var><ins>i</ins></var><ins>and</ins><var>i</var> + 1.
<p><del>The next</del><ins>Here is an</ins>example <del>shows a table with horizontal rules between the rows. The top border</del>of <del>the table is set to 'hidden' to suppress the top border of the first row. This implements the "rules" attributeof HTML 4.0 (rules="rows"). TABLE[rules=rows] TR { border-top: solid } TABLE[rules=rows] { border-collapse: collapse; border-top:hidden } [D] Table with horizontal rules between the rows. In this case the same effect can also be achieved without setting a 'hidden' border on TABLE, by addressing the first row separately. Which method is preferred is a matter of taste. TR:first-child { border-top: none } TR { border-top: solid } Example(s): Here is another example of hidden collapsing borders: [D]</del><ins>hidden collapsing borders:</ins>
1513
+
<p><del>The nextexample shows a table with horizontal rules between the rows. The top borderof the table</del><ins>Here</ins>is <del>set to 'hidden' to suppress the top border of the first row. This implements the "rules" attribute</del><ins>an example</ins>of <del>HTML 4.0 (rules="rows"). TABLE[rules=rows] TR { border-top: solid } TABLE[rules=rows] { border-collapse: collapse; border-top:</del>hidden <del>} [D] Table with horizontal rules between the rows. In this case the same effect can also be achieved without setting a 'hidden' border on TABLE, by addressing the first row separately. Which method is preferred is a matter of taste. TR:first-child { border-top: none } TR { border-top: solid } Example(s): Here is another example of hidden collapsing borders:</del><ins>collapsing borders:</ins>
with two omitted borders"><SPANclass="dlink"><ins> </ins><Aname="img-CSStbl3" href="images/longdesc/CSStbl3-desc.html" title="Long description of example illustrating hidden internal
1516
-
borders"><ins>[D]</ins></A></SPAN>
1517
+
with two omitted borders"><SPANclass="dlink"> <Aname="img-CSStbl3" href="images/longdesc/CSStbl3-desc.html" title="Long description of example illustrating hidden internal
1518
+
borders">[D]</A></SPAN>
1517
1519
1518
1520
<pclass="caption"> Table with two omitted internal borders.
0 commit comments