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
Copy file name to clipboardExpand all lines: css2/diffs-rec/tables.html
+19-15Lines changed: 19 additions & 15 deletions
Original file line number
Diff line number
Diff line change
@@ -537,34 +537,38 @@ <h2> <del>HTML user agents are not required to create anonymous objects accordin
537
537
</pre>
538
538
</div>
539
539
540
-
<h2>17.4 <aname="model">Tables in the visual formatting <del>model In terms of the visual formatting model , a table may behave like a block-level or replaced inline-level element. Tables have content, padding, borders, and margins. In both cases, the table element generates an anonymous box that contains the table box itself and the caption's box (if present). The table and caption boxes retain their own content, padding, margin, and border areas, and the dimensions of the rectangular anonymous box are the smallest required to contain both. Vertical margins collapse where the table box and caption box touch. Any repositioning of the table must move the entire anonymous box, not just the table box, so that the caption follows the table. [D] Diagram of a table with a caption above it; the bottom margin of the caption is collapsed with the top margin of the table. 17.4.1 Caption position and alignment 'caption-side' Value: top | bottom | left | right | inherit Initial: top Applies to: 'table-caption' elements Inherited: yes Percentages: N/A Media: visual This property specifies the position</del><ins>model</ins></a></h2>
540
+
<h2>17.4 <aname="model">Tables in the visual formatting model</a></h2>
541
541
542
-
<p><ins>In terms</ins> of the <del>caption box with respect to the</del><ins>visual formatting model, a</ins> table <del>box. Values have the following meanings: top Positions the caption box above</del><ins>can behave like a</ins>
542
+
<p><del>In terms of the visual formatting model , a table may behave like a block-level or replaced inline-level element. Tables have content, padding, borders, and margins. In both cases, the table element generates an anonymous box that contains the table box itself and the caption's box (if present). The table and caption boxes retain their own content, padding, margin, and border areas, and the dimensions of the rectangular anonymous box are the smallest required to contain both. Vertical margins collapse where the table box and caption box touch. Any repositioning of the table must move the entire anonymous box, not just the table box, so that the caption follows the table. [D] Diagram of a table with a caption above it; the bottom margin of the caption is collapsed with the top margin of the table. 17.4.1 Caption position and alignment 'caption-side' Value: top | bottom | left | right | inherit Initial: top Applies to: 'table-caption' elements Inherited: yes Percentages: N/A Media: visual This property specifies the position of the caption box with respect to</del><ins>In terms of</ins> the <ins>visual formatting model, a</ins> table <del>box. Values have the following meanings: top Positions</del><ins>can behave like a</ins>
<p><ins>In both cases,</ins> the table <del>box. bottom Positions the caption</del>box <del>below</del><ins>generates an anonymous box that
547
+
<p><ins>In both cases,</ins> the <del>caption</del><ins>table generates a principal block</ins> box <del>above</del><ins>called</ins> the
548
+
<dfn><ins>outer</ins> table <del>box. bottom Positions the caption</del>box</dfn><del>below</del><ins>that
548
549
contains</ins> the table <del>box. left Positions the caption</del>box <del>to</del><ins>itself and any caption boxes (in document
549
-
order).</ins> The <del>left of</del><ins>caption boxes are block-level boxes that retain their own
550
+
order).</ins>
551
+
The <dfn><del>left of</del><ins>table box</ins></dfn><ins>is a block-level box that contains</ins> the
552
+
<ins>table's internal</ins> table <del>box. right Positions</del><ins>boxes.</ins>
553
+
The caption <del>box to the right of</del><ins>boxes are block-level boxes that retain their own
550
554
content, padding, margin, and border areas, and are rendered as normal
551
-
blocks inside</ins> the <del>table</del><ins>anonymous</ins> box. <del>right Positions</del><ins>Whether</ins> the caption <del>box to the right of the table box. Captions above or below a 'table' element</del><ins>boxes</ins> are <del>formatted very much as if they were a block element</del><ins>placed</ins>
555
+
blocks inside</ins> the <ins>outer</ins>table box. <del>Captions above or below a 'table' element</del><ins>Whether the caption boxes</ins> are <del>formatted very much as if they were a block element</del><ins>placed</ins>
552
556
before or after the <del>table, except that (1) they inherit inheritable properties from the table, and (2) they are not considered to be a block</del><ins>table</ins> box <del>for</del><ins>is decided by</ins> the <del>purposes of any 'compact' or 'run-in' element that may precede</del><ins>'caption-side'
553
557
property, as described below.</ins>
554
558
555
-
<p>The <del>table. A caption that is above or below a table</del><ins>anonymous</ins> box <del>also behaves like</del><ins>is</ins> a <del>block</del><ins>'block'</ins> box <del>for width calculations;</del><ins>if</ins> the <del>width</del><ins>table</ins> is <del>computed with respect to the width of</del><ins>block-level, and
556
-
an 'inline-block' box if</ins> the table <del>box's containing block. For a caption that</del>is <del>on</del><ins>inline-level.</ins> The <del>left or right side of</del><ins>anonymous box
557
-
establishes</ins> a <ins>block formatting context. The</ins>table<del>box, on</del><ins>box (not</ins> the
558
-
<del>other hand, a value other than 'auto'</del><ins>anonymous box) is used when doing baseline
559
-
vertical alignment</ins>for <del>'width' sets</del><ins>an 'inline-table'.</ins>The width <del>explicitly, but 'auto' tells the user agent to chose a "reasonable width". This may vary between "the narrowest possible box" to "a single line", so we recommend that users do not specify 'auto' for left and right caption widths. To align caption content horizontally within</del><ins>of</ins>the <del>caption box, use</del><ins>anonymous
560
-
box is</ins> the <del>'text-align' property. For vertical alignment</del><ins>border-edge width</ins> of <del>a left or right caption</del><ins>the table</ins> box <del>with respect to</del><ins>inside it, as described
561
-
by section 17.5.2. Percentages on 'width' and 'height' on</ins> the table <del>box, use</del><ins>are
<p>The <del>table. A caption that is above or below a</del><ins>outer</ins> table box <del>also behaves like</del><ins>is</ins> a <del>block</del><ins>'block'</ins> box <del>for width calculations;</del><ins>if</ins> the <del>width</del><ins>table</ins> is <del>computed with respect to the width of</del><ins>block-level, and
560
+
an 'inline-block' box if</ins> the table <del>box's containing block. For a caption that</del>is <del>on</del><ins>inline-level.</ins> The <del>left or right side of a</del><ins>outer</ins> table <del>box, on the other hand, a value other than 'auto' for 'width' sets the width explicitly, but 'auto' tells the user agent to chose</del><ins>box
561
+
establishes</ins> a <del>"reasonable width". This may vary between "the narrowest possible box" to "a single line", so we recommend that users do not specify 'auto' for left and right caption widths. To align caption content horizontally within</del><ins>block formatting context.</ins>The<del>caption box, use</del><ins>table box (not</ins> the
562
+
<del>'text-align' property. For</del><ins>outer table box) is used when doing baseline</ins>
563
+
vertical alignment<ins>for an 'inline-table'. The width</ins>of <del>a left or right caption</del><ins>the outer table</ins>
564
+
box <del>with respect</del><ins>is the border-edge width of the table box inside it, as described
565
+
by section 17.5.2. Percentages on 'width' and 'height' on the table are
566
+
relative</ins> to the <ins>outer</ins>table<del>box, use</del><ins>box's containing block, not</ins> the <del>'vertical-align' property.</del><ins>outer table box
563
567
itself.</ins>
564
568
565
-
<p><ins>The computed</ins> values <del>in this case are</del><ins>of properties 'position', 'float', 'margin-*',</ins>
569
+
<p>The <del>only meaningful</del><ins>computed</ins> values <del>in this case are</del><ins>of properties 'position', 'float', 'margin-*',</ins>
566
570
'top', <del>'middle',</del><ins>'right', 'bottom',</ins> and <del>'bottom'. All other values</del><ins>'left' on the table box</ins> are <del>treated</del><ins>used on</ins> the
567
-
<del>same as 'top'. Example(s): In this example,</del><ins>anonymous box instead of</ins> the <del>'caption-side' property places captions below tables.</del><ins>table box.</ins> The <ins>table box uses the initial
571
+
<del>same as 'top'. Example(s): In this example,</del><ins>outer table box instead of</ins> the <del>'caption-side' property places captions below tables.</del><ins>table box.</ins> The <ins>table box uses the initial
0 commit comments