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
<liclass="tocline1"><ahref="sample.html" class="tocxref">Appendix <del>A. A sample</del><ins>D. Default</ins> style sheet for HTML <del>4.0 Appendix B. Changes from CSS1 B.1 New functionality B.2 Updated descriptions B.3 Semantic changes from CSS1</del><ins>4</ins></a>
1145
1148
<liclass="tocline1"><ahref="zindex.html" class="tocxref">Appendix <del>C. Implementation and performance notes for fonts C.1 Glossary of font terms C.2 Font retrieval C.3 Meaning</del><ins>E. Elaborate description</ins> of <del>the Panose Digits C.4 Deducing Unicode Ranges for TrueType C.5 Automatic descriptor generation</del><ins>Stacking Contexts</ins></a>
updates</ins> of <del>its rows. CSS2 does not</del><ins>CSS may</ins> specify <del>rendering when</del><ins>this further.</ins>
1022
1024
1023
-
<p>The <del>specified table</del>height <del>differs from</del><ins>of a 'table-row' element's box is calculated once</ins> the
1024
-
<del>content height,</del><ins>user agent has all the cells</ins> in <del>particular whether content height should override specified height; if it doesn't, how extra space should be distributed among rows that add up to less than the specified table height; or, if the content height exceeds the specified table height, whether the UA should provide a scrolling mechanism. Note. Future versions of CSS may specify this further. The height of a 'table-row' element's box is calculated once the user agent has all the cells in the row available:</del><ins>the row available:</ins> it is the maximum
1025
+
<p>The <del>specified table</del>height <del>differs from the content height, in particular whether content height should override specified height; if it doesn't, how extra space should be distributed among rows that add up to less than the specified table height; or, if the content height exceeds the specified table height, whether the UA should provide a scrolling mechanism. Note. Future versions of CSS may specify this further. The height of a 'table-row' element's box is calculated once</del><ins>of a 'table-row' element's box is calculated once</ins> the
1026
+
user agent has all the cells in the rowavailable: it is the maximum
1025
1027
of the row's specified <ahref="visudet.html#propdef-height" class="noxref"><spanclass="propinst-height">'height'</span></a>
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
@@ -1157,14 +1159,14 @@ <h3>17.5.4 <a name="column-alignment">Horizontal alignment in a column</a></h3>
1157
1159
1158
1160
<p>The horizontal alignment of a cell's <ins>inline</ins> content within a cell
1159
1161
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>
1160
-
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>
1161
-
the <del>content of those cells is aligned along a vertical axis.</del><ins>cell.</ins>
1162
+
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, the content of those cells is aligned along a vertical axis.</del><ins>on</ins>
1163
+
the <del>beginning of</del><ins>cell.</ins>
1162
1164
1163
1165
1164
1166
1165
1167
<h3><ins>17.5.5</ins><aname="dynamic-effects"><ins>Dynamic row and column effects</ins></a></h3>
1166
1168
1167
-
<p>The <ahref="visufx.html#propdef-visibility" class="noxref"><spanclass="propinst-visibility"><del>beginning of the string touches this axis. Character directionality determines whether the string lies to the left or right of the 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</del><ins>'visibility'</ins></span></a><ins>property
1169
+
<p>The <ahref="visufx.html#propdef-visibility" class="noxref"><spanclass="propinst-visibility"><del>string touches this axis. Character directionality determines whether the string lies to the left or right of the 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</del><ins>'visibility'</ins></span></a><ins>property
1168
1170
takes</ins> the value 'collapse' for row, row group, column, and column
1169
1171
group elements. This value causes the entire row or column to be
1170
1172
removed from the display, and the space normally taken up by the row
spacing and the second the vertical spacing. Lengths may not be
1240
1242
negative.
1241
1243
1242
-
<p><del>In this model, each cell has an individual border. The 'border-spacing' property specifies</del>The distance between the <ins>table border and the</ins> borders of <del>adjacent cells. This space</del><ins>the cells
1243
-
on the edge of the table</ins>is <del>filled with</del>the <del>background</del><ins>table's padding for that side, plus
1244
+
<p><del>In this model, each cell has an individual border. The 'border-spacing' property specifies</del>The distance between the <ins>table border and the</ins> borders of <del>adjacent cells. This space is filled with</del>the <del>background</del><ins>cells
1245
+
on the edge</ins>of the table <del>element.</del><ins>is the table's padding for that side, plus
1244
1246
the relevant border spacing distance. For example, on the right hand
1245
1247
side, the distance is</ins><var><ins>padding-right</ins></var><ins>+</ins><var><ins>horizontal
1246
1248
border-spacing</ins></var><ins>.</ins>
1247
1249
1248
-
<p><ins>The width</ins> of the table <del>element.</del><ins>is the distance from the left inner padding
1250
+
<p><ins>The width of the table is the distance from the left inner padding
1249
1251
edge to the right inner padding edge (including the border spacing but
<p><del>Note only half of the two exterior borders are counted in</del><ins>UAs must compute an initial left and right border width for</ins> the
1380
1382
table <del>width;</del><ins>by examining</ins> the <del>other half of these two borders lies</del><ins>first and last cells</ins> in the <del>margin area. [D] Schema showing the widths</del><ins>first row</ins> of <del>cells and borders and</del>the
1381
-
<del>padding of cells. Note</del><ins>table. The left border width of the table is half of the first cell's
1383
+
<del>padding</del><ins>table. The left border width of the table is half of the first cell's
1382
1384
collapsed left border, and the right border width of the table is half
1383
1385
of the last cell's collapsed right border. If subsequent rows have
1384
1386
larger collapsed left and right borders, then any excess spills into
<p><del>The next example shows a table with horizontal rules between the rows. The top border of 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>
1514
+
<p><del>The next</del><ins>Here is an</ins> example<del>shows a</del><ins>of hidden collapsing borders:</ins>
with two omitted borders"><SPANclass="dlink"> <Aname="img-CSStbl3" href="images/longdesc/CSStbl3-desc.html" title="Long description of example illustrating hidden internal
1517
-
borders">[D]</A></SPAN>
1518
+
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
1519
+
borders"><ins>[D]</ins></A></SPAN>
1518
1520
1519
-
<pclass="caption"> Table with two omitted internal borders.
1521
+
<pclass="caption"> Table with <del>horizontal rules between the rows. The top</del><ins>two omitted internal borders.</ins>
<p>Some of the values of the <spanclass="index-inst"
1538
+
<p><ins>Some</ins> of the <del>table is set to 'hidden' to suppress the top border of the first row. This implements the "rules" attribute of 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] Table with two omitted internal borders. HTML source: <TABLE style="border-collapse: collapse; border: solid;"> <TR><TD style="border-right: hidden; border-bottom: hidden">foo</TD> <TD style="border: solid">bar</TD></TR> <TR><TD style="border: none">foo</TD> <TD style="border: solid">bar</TD></TR> </TABLE> 17.6.3 Border styles Some of the values</del><ins>values</ins> of the <spanclass="index-inst"
0 commit comments