Skip to content

Commit 2ec59ee

Browse files
committed
[css-tables-3] Define table grid box & minor varia (#2501)
1 parent 6c63fef commit 2ec59ee

File tree

1 file changed

+28
-28
lines changed

1 file changed

+28
-28
lines changed

css-tables-3/Overview.bs

+28-28
Original file line numberDiff line numberDiff line change
@@ -22,17 +22,12 @@ Ignored Terms: block-level box
2222
</pre>
2323

2424
<pre class=link-defaults>
25-
spec:css22; type:property; text:min-width
26-
spec:css22; type:property; text:max-width
27-
spec:css22; type:property; text:top
28-
spec:css22; type:property; text:right
29-
spec:css22; type:property; text:bottom
30-
spec:css22; type:property; text:background
31-
spec:css22; type:property; text:border-style
32-
spec:css22; type:property; text:border-width
33-
spec:css22; type:property; text:overflow
34-
spec:css22; type:property; text:white-space
35-
spec:css22; type:property; text:display
25+
spec:css-sizing-3; type:property; text:min-height
26+
spec:css-sizing-3; type:property; text:min-width
27+
spec:css-sizing-3; type:property; text:max-width
28+
spec:css2; type:property; text:top
29+
spec:css2; type:property; text:right
30+
spec:css2; type:property; text:bottom
3631
spec:filter-effects-1; type:property; text:filter
3732
spec:css-sizing-3; type:property; text:box-sizing
3833
</pre>
@@ -213,15 +208,20 @@ spec:css-sizing-3; type:property; text:box-sizing
213208
In addition to the table structure display types,
214209
the following wording is also being used in this spec:
215210

216-
<dl>
211+
<dl export>
217212

218-
<dt><dfn id="table-wrapper-box">table-wrapper</dfn> box
213+
<dt><dfn lt="table wrapper box | table-wrapper box" local-lt="table-wrapper">table wrapper box</dfn>
219214
<dd>
220-
An anonymous box <a href="#fixup-algorithm">generated around table-root boxes</a> to account for any space occupied by each <a>table-caption</a> it owns.
215+
A block container box <a href="#fixup-algorithm">generated around table grid boxes</a>
216+
to account for any space occupied by each <a>table-caption</a> it owns.
221217

222-
<dt><dfn id="table-root-element">table-root</dfn> box or element
218+
<dt><dfn lt="table grid box | table-grid box" local-lt="table-grid">table grid box</dfn>
223219
<dd>
224-
A <a>table</a> or <a>inline-table</a> box.
220+
A block-level box containing the table-internal boxes, excluding its captions.
221+
222+
<dt><dfn id="table-root-element">table-root</dfn> element
223+
<dd>
224+
An element whose <a>inner display type</a> is ''display/table''.
225225

226226
<dt><dfn id="table-non-root-element">table-non-root</dfn> box or element
227227
<dd>
@@ -258,7 +258,7 @@ spec:css-sizing-3; type:property; text:box-sizing
258258
<dd>
259259
A <a>table-row</a> or <a>proper table-row parent</a> box.
260260

261-
<dt><dfn id="consecutive-boxes">consecutive</dfn> boxes
261+
<dt><dfn noexport id="consecutive-boxes">consecutive</dfn> boxes
262262
<dd>
263263
Two sibling boxes are consecutive
264264
if they have no intervening siblings
@@ -275,7 +275,7 @@ spec:css-sizing-3; type:property; text:box-sizing
275275

276276
Each row of the grid might correspond to a <a>table-row</a>, and each column to a <a>table-column</a>.
277277

278-
<dt><dfn id="slot">slot</dfn> of the table grid
278+
<dt><dfn noexport id="slot">slot</dfn> of the table grid
279279
<dd>
280280
A <a>slot</a> <code>(r,c)</code> is an available space created
281281
by the intersection of a row <code>r</code> and a column <code>c</code> in the <a>table grid</a>.
@@ -406,7 +406,7 @@ spec:css-sizing-3; type:property; text:box-sizing
406406
Its display type is <code>inline-block</code> for <a>inline-table</a> boxes and block for <a>table</a> boxes.
407407
The table wrapper box establishes a block formatting context.
408408
The table-root box (not the table-wrapper box) is used when doing baseline vertical alignment for an <a>inline-table</a>.
409-
The width of the table-wrapper box is the border-edge width of the table box inside it.
409+
The width of the table-wrapper box is the border-edge width of the table grid box inside it.
410410
Percentages which would depend on the 'width' and 'height' on the table-wrapper box's size are relative to the table-wrapper box's containing block instead, not the table-wrapper box itself.
411411
</ol>
412412
</li>
@@ -585,14 +585,14 @@ spec:css-sizing-3; type:property; text:box-sizing
585585
<ol>
586586
<li><b>Compute the width of the table.</b><br/>
587587
This is done by returning the largest value of <a href="#capmin">CAPMIN</a>
588-
and the computed width of the table box (including borders and paddings)
588+
and the computed width of the table grid box (including borders and paddings)
589589
if it is definite (use zero otherwise).
590590

591591
<li><b>Compute the height of the table.</b><br/>
592592
This is done by returning the sum of all table-caption heights
593593
(their width being set to the table width,
594594
with margins taken into consideration appropriately)
595-
and the computed height of the table box (including borders and paddings)
595+
and the computed height of the table grid box (including borders and paddings)
596596
if it is definite (use zero otherwise).
597597

598598
</ol>
@@ -828,17 +828,17 @@ spec:css-sizing-3; type:property; text:box-sizing
828828
Inherited: yes
829829
</pre>
830830

831-
This property specifies the position of the caption box with respect to the table box.
831+
This property specifies the position of the caption box with respect to the table grid box.
832832
Values have the following meanings:
833833

834834
<dl>
835835
<dt><dfn id="caption-side-top">top</dfn>
836836
<dd>
837-
Positions the caption box above the table box.
837+
Positions the caption box above the table grid box.
838838

839839
<dt><dfn id="caption-side-bottom">bottom</dfn>
840840
<dd>
841-
Positions the caption box below the table box.
841+
Positions the caption box below the table grid box.
842842
</dl>
843843

844844
<div class="note">
@@ -887,12 +887,12 @@ spec:css-sizing-3; type:property; text:box-sizing
887887

888888
<ul>
889889

890-
<li>The computed values of properties 'position', 'float', 'margin'-*, 'top', 'right', 'bottom', and 'left' on the table box
891-
are used on the table-wrapper box and not the table box;
890+
<li>The computed values of properties 'position', 'float', 'margin'-*, 'top', 'right', 'bottom', and 'left' on the table
891+
are used on the table-wrapper box and not the table grid box;
892892
the same holds true for the <a href="https://drafts.csswg.org/css-transforms/#grouping-property-values">properties whose use could force the used value of <object>'transform-style'</object> to <code>flat</code></a> and their shorthands/longhands relatives:
893893
this list currently includes 'overflow', 'opacity', 'filter', 'clip', 'clip-path', 'isolation', 'mask'-*, 'mix-blend-mode', 'transform'-* and 'perspective'.
894894
<br>
895-
Where the table box values are not used on the table and/or table wrapper boxes,
895+
Where the specified values are not applied on the table grid and/or wrapper boxes,
896896
the unset values are used instead for that box (inherit or initial, depending on the property).
897897

898898
<li>The 'overflow' property on the <a>table-root</a> and <a>table-wrapper</a> box, when its value is not either <code>visible</code> or <code>hidden</code>,
@@ -2918,7 +2918,7 @@ Using CSS Tables does not incur any privacy risk to mitigate.
29182918
<li>
29192919
<details><summary tabindex="0">
29202920
<a href="http://codepen.io/FremyCompany/pen/PZRdzo?editors=1100">
2921-
Table boxes should be wide enough to contain the caption
2921+
Table wrapper boxes should be wide enough to contain the caption
29222922
</a>
29232923
</summary><aside>
29242924
Chrome uses the CSS21 algorithm that fulfill this.<br/>

0 commit comments

Comments
 (0)