Skip to content

Commit cc096f4

Browse files
committed
[css-tables] Clarify the effect of box-sizing on cell measures
1 parent 63bf469 commit cc096f4

1 file changed

Lines changed: 23 additions & 6 deletions

File tree

css-tables-3/Overview.bs

Lines changed: 23 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1237,10 +1237,32 @@ spec:filter-effects-1; type:property; text:filter
12371237
<li>Otherwise, 0
12381238
</ul>
12391239

1240+
<!--——————————————————————————————————————————————————————————————————————————-->
1241+
<dt><dfn id="offsets-adjusted-width">offsets-adjusted min-width, width, and max-width</dfn></dt>
1242+
<dd>
1243+
<ul>
1244+
<li>For <a>table-track</a> and <a>table-track-group</a> boxes,
1245+
the offsets-adjusted value of width properties is their computed value,
1246+
irrespective of the value of 'box-sizing' applied on the element.
1247+
<li>For <a>table-cell</a> boxes,
1248+
the offsets-adjusted value of width properties is their computed value
1249+
from which the cell's border-{left|right}-width and/or padding-{left|right} have eventually been deduced,
1250+
depending on the value of 'box-sizing'.
1251+
<div class="note">
1252+
When the table is laid out <a>in collapsed-borders mode</a>,
1253+
the border value to deduce is half the value of the winning border value on each side
1254+
(see <a href="#border-conflict-resolution-algorithm">conflict resolution explaination note</a>)
1255+
</div>
1256+
</ul>
1257+
1258+
<a class="hint" href="https://wptest.center/#/hmmbt3">Testcase.</a>
1259+
<a class="hint" href="https://wptest.center/#/rnfac4">Testcase.</a>
1260+
<a class="hint" href="https://wptest.center/#/3lao88">Testcase.</a>
1261+
12401262
<!--——————————————————————————————————————————————————————————————————————————-->
12411263
<dt><dfn>outer min-content</dfn> and <dfn>outer max-content</dfn> widths</dt>
12421264
<dd>The outer min-content and max-content widths are defined for table cells, columns, and column groups.
1243-
The 'width', 'min-width', and 'max-width' values used in these definitions are those defined <a href="#TODO">above</a>:
1265+
The 'width', 'min-width', and 'max-width' values used in these definitions are the offsets-adjusted values defined <a href="#offsets-adjusted-width">above</a>:
12441266
<ul>
12451267
<li>The <b>outer min-content width</b> of a table cell is
12461268
<code>max('min-width', min-content width)</code>
@@ -1275,11 +1297,6 @@ spec:filter-effects-1; type:property; text:filter
12751297

12761298
</dl>
12771299

1278-
<div class="issue">
1279-
EDITORIAL. These definitions need to account for the 'box-sizing' property.
1280-
</div>
1281-
1282-
12831300
<!--——————————————————————————————————————————————————————————————————————————-->
12841301
<h4 id="computing-column-measures">Computing Column Measures</h3>
12851302

0 commit comments

Comments
 (0)