Fixing two duplicate IDs and starting to add wpt data

Author: rachelandrew

css-multicol-1/Overview.bs

@@ -5,6 +5,7 @@ Shortname: css-multicol
 Level: 1
 Status: ED
 Work Status: Testing
+WPT Path Prefix: /css/css-multicol/
 ED: https://drafts.csswg.org/css-multicol/
 TR: https://www.w3.org/TR/css-multicol-1/
 Previous Version: https://www.w3.org/TR/2017/WD-css-multicol-1-20171005/
@@ -159,6 +160,10 @@ The multi-column model</h2>
 	property is not ''column-width/auto'' and therefore acts as a container for
 	multi-column layout.
 
+	<wpt>
+	multicol-count-computed-004.xht
+	</wpt>
+
 	In the traditional CSS box model, the content of an element is
 	flowed into the content box of the corresponding element. Multi-column
 	layout introduces a new type of container between the content box and
@@ -222,6 +227,11 @@ The multi-column model</h2>
 
 	Note: Column boxes do not become the containing block for elements with ''position: fixed'' or ''position: absolute''. The containing block is the multicol element, it being the principal box.
 
+	<wpt>
+	multicol-containing-001.xht
+	multicol-containing-002.xht
+	</wpt>
+
 	<div class="example">
 		In this example, the multi-column container has ''position: relative'' thus becoming the containing block. The image is a direct child of the multi-column container and has ''position: absolute''. It takes positioning from the multi-column container and not from the column box.
 
@@ -352,6 +362,19 @@ these two properties determine the outcome:-->
 			available space is smaller than the specified column width). Negative values are not allowed. Used values will be clamped to a minimum of 1px.
 	</dl>
 
+	<wpt>
+	multicol-basic-003.html
+	multicol-basic-008.xht
+	multicol-width-001.xht
+	multicol-width-002.xht
+	multicol-width-003.xht
+	multicol-width-ch-001.xht
+	multicol-width-negative-001.xht
+	multicol-width-invalid-001.xht
+	multicol-width-large-001.xht
+	multicol-width-large-002.xht
+	</wpt>
+
 	<div class="example">
 		For example, consider this style sheet:
 
@@ -424,6 +447,20 @@ these two properties determine the outcome:-->
 			value describes the maximum number of columns.
 	</dl>
 
+	<wpt>
+	multicol-count-001.xht 
+	multicol-count-002.xht
+	multicol-basic-002.html
+	multicol-basic-006.xht
+	multicol-width-count-001.xht
+	multicol-width-count-002.xht
+	multicol-columns-toolong-001.xht
+	multicol-count-negative-001.xht
+	multicol-count-negative-002.xht
+	multicol-count-non-integer-001.xht
+	multicol-count-non-integer-002.xht
+	multicol-count-non-integer-003.xht
+	</wpt>
 
 	<div class="example">
 		Example:
@@ -462,6 +499,23 @@ these two properties determine the outcome:-->
 		</pre>
 	</div>
 
+	<wpt>
+	multicol-columns-001.xht
+	multicol-columns-002.xht
+	multicol-columns-003.xht
+	multicol-columns-004.xht
+	multicol-columns-005.xht
+	multicol-columns-006.xht
+	multicol-columns-007.xht
+	multicol-columns-invalid-001.xht
+	multicol-columns-invalid-002.xht
+	multicol-basic-001.html
+	multicol-basic-003.html
+	multicol-basic-005.xht
+	multicol-basic-007.xht
+	</wpt>
+	
+
 <h3 id="pseudo-algorithm">
 Pseudo-algorithm</h3>
 
@@ -516,6 +570,10 @@ Two assumptions are being made by the pseudo-algorithm:
 	regard for explicit column breaks or constrained column heights,
 	while the actual value takes these into consideration.
 
+	<wpt>
+	column-count-used-001.html
+	</wpt>
+
 	<div class="example">
 		In this example, the actual column-count is higher than the used column-count due to explicit column breaks:
 
@@ -588,7 +646,12 @@ Column gaps and rules</h2>
 	container. Column rules are painted just above the border of the multicol element. For scrollable multicol elements, note that while the border and background of the multicol element obviously aren't scrolled, the rules need to scroll along with the columns. Column rules are
 	only drawn between two columns that both have content.
 
-<h3 id='column-gap'>
+	<wpt>
+	multicol-count-computed-003.xht
+	multicol-count-computed-005.xht
+	</wpt>
+
+<h3 id='cg'>
 'column-gap'</h3>
 
 	<pre class=propdef>
@@ -601,6 +664,12 @@ Column gaps and rules</h2>
 	Computed value: as specified, with <<length>>s made absolute
 	Animation type: length, percentage, or calc
 	</pre>
+	
+	<wpt>
+	multicol-gap-animation-001.html
+	multicol-gap-animation-002.html
+	multicol-gap-animation-003.html
+	</wpt>
 
 	<i>'column-gap' accepting <<length-percentage>> is at risk,
 	and may be reverted to <<length>>.</i>
@@ -614,12 +683,25 @@ Column gaps and rules</h2>
 
 			The <<length>> or <<percentage>> cannot be negative.
 
+			<wpt>
+			multicol-gap-000.xht
+			multicol-gap-002.xht
+			multicol-gap-percentage-001.html
+			</wpt>
+
 		<dt><dfn>normal</dfn>
 		<dd>
 			Identical to <a value for="column-gap">&lt;length-percentage></a>,
 			but with a used value of ''1em''.
+
+			<wpt>
+			multicol-gap-001.xht
+			multicol-gap-003.xht
+			</wpt>
 	</dl>
 
+	
+
 
 <h3 id='crc'>
 'column-rule-color'</h3>
@@ -680,7 +762,7 @@ Column gaps and rules</h2>
 	Negative values are not allowed.
 
 
-<h3 id="column-rule">
+<h3 id="cr">
 'column-rule'</h3>
 
 	<pre class=propdef>
@@ -699,6 +781,10 @@ Column gaps and rules</h2>
 	the same place in the style sheet. Omitted values are set to their
 	initial values.
 
+	<wpt>
+	multicol-rule-shorthand-2.xht
+	</wpt>
+
 	<div class=example>
 		In this example, the column rule and the column gap have the same
 		width. Therefore, they will occupy exactly the same space.
@@ -946,6 +1032,11 @@ Filling columns</h2>
 			Balance content equally between columns, as far as possible.
 			In fragmented contexts, only the last fragment is balanced.
 
+			<wpt>
+			multicol-fill-000.xht
+			multicol-fill-001.xht
+			</wpt>
+
 		<dt><dfn>balance-all</dfn>
 		<dd>
 			Balance content equally between columns, as far as possible.
@@ -954,6 +1045,15 @@ Filling columns</h2>
 		<dt><dfn>auto</dfn>
 		<dd>
 			fill columns sequentially
+
+			<wpt>
+			multicol-fill-auto-001.xht
+			multicol-fill-auto-002.xht
+			multicol-fill-auto-003.xht
+			multicol-fill-auto-block-children-001.xht
+			multicol-fill-auto-block-children-002.xht
+			multicol-fill-balance-001.xht
+			</wpt>
 	</dl>
 
 	<!--
@@ -1291,3 +1391,5 @@ Acknowledgments</h2>
 	Sylvain Galineau,
 	Tantek Çelik,
 	Till Halbach,
+
+<wpt-rest></wpt-rest>