@@ -106,12 +106,49 @@ Shapes</h2>
106106 and the exclusion area for an exclusion.
107107
108108
109- <h3 id="basic-shapes-from-svg-syntax ">
109+ <h2 id="basic-shape-functions ">
110110Basic Shapes</h3>
111111
112112 Add the final
113- <a href="http://www.w3.org/TR/css-shapes/#basic-shapes-from-svg-syntax">level 1</a>
114- section with a possible addition of path() and a rejiggered rectangle().
113+ <a href="http://www.w3.org/TR/css-shapes/#basic-shape-functions">level 1</a>
114+ section.
115+
116+ <h3 id="supported-basic-shapes">
117+ Supported Shapes</h3>
118+
119+ Add the final
120+ <a href="http://www.w3.org/TR/css-shapes/#basic-shape-functions">level 1</a>
121+ section, with the following integrated.
122+
123+ <dl>
124+ <dt> <dfn>path()</dfn> =
125+ path( [<<fill-rule>>,] ? <<string>> )
126+ </dt>
127+ <dd>
128+ <ul>
129+ <li>
130+ <dfn><<fill-rule>></dfn> -
131+ The filling rule used
132+ to determine the interior
133+ of the path.
134+ See <a href="http://www.w3.org/TR/SVG/painting.html#FillRuleProperty">fill-rule</a> property
135+ in SVG for details.
136+ Possible values are ''nonzero''
137+ or ''evenodd'' .
138+ Default value when omitted is ''nonzero'' .</li>
139+ <li>
140+ The <string> represents an
141+ <a href="http://www.w3.org/TR/SVG11/paths.html#PathData">SVG Path data string</a> .
142+ The path data string must be conform
143+ to the grammar and parsing rules of SVG 1.1.
144+ The initial position is defined
145+ by the first “move to” argument
146+ in the path string.
147+ For the initial direction follow SVG 1.1.
148+ </li>
149+ </ul>
150+ </dd>
151+ </dl>
115152
116153 <div class="issue-marker wrapper">
117154 <div class="issue-marker" data-bug_id="16448" data-bug_status="ASSIGNED">
@@ -122,7 +159,7 @@ Basic Shapes</h3>
122159 </div>
123160 </div>
124161
125- <h3 id='referencing-svg-shapes'>
162+ <h2 id='referencing-svg-shapes'>
126163Referencing SVG shapes</h4>
127164
128165 An SVG shape can be referenced using the <code> url()</code> syntax.
@@ -161,7 +198,7 @@ div {
161198</pre></code>
162199</div>
163200
164- <h3 id="shapes-from-image">
201+ <h2 id="shapes-from-image">
165202Shapes from Image</h3>
166203
167204 Add the final
@@ -177,7 +214,15 @@ Shapes from Image</h3>
177214 that determines the relevant pixels to use
178215 (both for defining a shape and for display).
179216
180- <h3 id="declaring-shapes">
217+
218+ <h2 id="shapes-from-box-values">
219+ Shapes from Box Values</h2>
220+
221+ Add the final
222+ <a href="http://www.w3.org/TR/css-shapes/#shapes-from-box-values">level 1</a>
223+ section.
224+
225+ <h2 id="declaring-shapes">
181226Declaring Shapes</h3>
182227
183228 A shape can be declared with
@@ -239,7 +284,7 @@ Declaring Shapes</h3>
239284 style="max-width:40%"/>
240285 </div>
241286
242- <h4 id="shape-outside-property">
287+ <h3 id="shape-outside-property">
243288The 'shape-outside' Property</h4>
244289
245290 Add the final
@@ -251,7 +296,7 @@ The 'shape-outside' Property</h4>
251296 if the element
252297 is an exclusion.
253298
254- <h4 id="shape-inside-property">
299+ <h3 id="shape-inside-property">
255300The 'shape-inside' Property</h4>
256301
257302 The 'shape-inside' property adds
@@ -360,7 +405,7 @@ The 'shape-inside' Property</h4>
360405 as a constraint in determining its maximum size.
361406
362407
363- <h4 id="shape-image-threshold-property">
408+ <h3 id="shape-image-threshold-property">
364409The shape-image-threshold Property</h4>
365410
366411 Add the final
@@ -369,7 +414,7 @@ The shape-image-threshold Property</h4>
369414 it applies to both <span> shape-inside</span>
370415 and <span> shape-outside</span> .
371416
372- <h4 id="shape-image-source-type-property">
417+ <h3 id="shape-image-source-type-property">
373418The shape-image-source-type Property</h4>
374419
375420 Should we add an alpha/luminance switch
@@ -380,14 +425,14 @@ The shape-image-source-type Property</h4>
380425 Whatever we go with should be compatible
381426 with the alpha/luminance switch from mask sources.
382427
383- <h4 id="shape-margin-property">
428+ <h3 id="shape-margin-property">
384429The 'shape-margin' property</h4>
385430
386431 Add the final
387432 <a href="http://www.w3.org/TR/css-shapes/#shape-margin-property">level 1</a>
388433 section with the change that it applies to exclusions.
389434
390- <h4 id="shape-padding-property">
435+ <h3 id="shape-padding-property">
391436The 'shape-padding' Property</h4>
392437
393438 The 'shape-padding' property adds padding to a shape-inside.
0 commit comments