[css-sizing-3] Add missing case to cyclic percentage list, and add summarizing table.

Author: tabatkins

css-sizing-3/Overview.bs

@@ -952,23 +952,35 @@ Extrinsic Size Determination</h2>
 	which itself depends on that percentage--
 	is resolved specially:
 
-
-	* If the box is [=non-replaced=],
+	<ol type=a>
+		<li id=non-replaced-percentage-contribution>
+		If the box is [=non-replaced=],
 		then the entire value of any
 		[=max size property=] or [=preferred size property=]
 		('width'/'max-width'/'height'/'max-height')
 		specified as an expression containing a percentage
 		(such as ''10%'' or ''calc(10px + 0%)'')
 		that is <a lt="cyclic percentage">cyclic</a>
 		is treated
-		<em>for the purpose of calculating the box’s intrinsic size contribution only</em>
+		<em>for the purpose of calculating the box’s intrinsic size contributions only</em>
 		as that property’s [=initial value=].
 		For example, given a box with ''width: calc(20px + 50%)'',
 		its max-content contribution is calculated as if its 'width' were ''width/auto''.
 		(The percentage is honored as usual, however,
 		during the actual sizing of the box itself; see below.)
 
-	* If the box is [=replaced element|replaced=],
+		<li id=replaced-percentage-max-contribution>
+		Likewise, if the box is [=replaced element|replaced=],
+		then the entire value of any
+		[=max size property=] or [=preferred size property=]
+		specified as an expression containing a percentage
+		that is <a lt="cyclic percentage">cyclic</a>
+		is treated
+		<em>for the purpose of calculating the box’s <a>max-content contributions</a> only</em>
+		as that property’s [=initial value=].
+
+		<li id=replaced-percentage-min-contribution>
+		If the box is [=replaced element|replaced=],
 		a <a>cyclic percentage</a> in the value of any
 		[=max size property=] or [=preferred size property=]
 		('width'/'max-width'/'height'/'max-height'),
@@ -989,10 +1001,47 @@ Extrinsic Size Determination</h2>
 		Note: We are not 100% sure if zeroing out a percentage 'max-width' on form controls is web-compatible.
 		See <a href="https://github.com/w3c/csswg-drafts/issues/765">Issue 765</a>.
 
-	* For the [=min size properties=],
+		<li id=min-percentage-contribution>
+		For the [=min size properties=],
 		as well as for margins and paddings,
 		a <a>cyclic percentage</a> is resolved against zero
-		for determining the intrinsic size contribution.
+		for determining intrinsic size contributions.
+	</ol>
+
+	<table class="data">
+		<caption>Summary of the Cyclic-Percentage Intrinsic Size Contribution Rules (Above)</caption>
+		<colgroup span=1></colgroup>
+		<colgroup span=2></colgroup>
+		<colgroup span=2></colgroup>
+		<thead>
+			<tr>
+				<th scope=row>Element Type
+				<th colspan=2 scope=colgroup>[=Replaced=]
+				<th colspan=2 scope=colgroup>[=Non-replaced=]
+			<tr>
+				<th scope=row>Contribution Type
+				<th scope=col>[=min-content contribution|min-content=]
+				<th scope=col>[=max-content contribution|max-content=]
+				<th scope=col>[=min-content contribution|min-content=]
+				<th scope=col>[=max-content contribution|max-content=]
+		<tbody>
+			<tr>
+				<th scope=row>[=min size property|min size=] & [=margin properties|margin=]/[=padding properties|padding=]
+				<td><a href="#min-percentage-contribution">zeroᵈ</a>
+				<td><a href="#min-percentage-contribution">zeroᵈ</a>
+				<td><a href="#min-percentage-contribution">zeroᵈ</a>
+				<td><a href="#min-percentage-contribution">zeroᵈ</a>
+			<tr>
+				<th scope=row>[=max size property|max=] & [=preferred size property|preferred size=]
+				<td><a href="#replaced-percentage-min-contribution">zeroᶜ</a>
+				<td><a href="#replaced-percentage-max-contribution">initialᵇ</a>
+				<td><a href="#non-replaced-percentage-contribution">initialᵃ</a>
+				<td><a href="#non-replaced-percentage-contribution">initialᵃ</a>
+	</table>
+	<style>
+		table.data th[scope=row] { text-align: right; text-align: end; }
+	</style>
+
 
 	Then, unless otherwise specified,
 	when calculating the used sizes and positions of the containing block’s <em>contents</em>: