@@ -106,12 +106,49 @@ Shapes</h2>
106
106
and the exclusion area for an exclusion.
107
107
108
108
109
- <h3 id="basic-shapes-from-svg-syntax ">
109
+ <h2 id="basic-shape-functions ">
110
110
Basic Shapes</h3>
111
111
112
112
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>
115
152
116
153
<div class="issue-marker wrapper">
117
154
<div class="issue-marker" data-bug_id="16448" data-bug_status="ASSIGNED">
@@ -122,7 +159,7 @@ Basic Shapes</h3>
122
159
</div>
123
160
</div>
124
161
125
- <h3 id='referencing-svg-shapes'>
162
+ <h2 id='referencing-svg-shapes'>
126
163
Referencing SVG shapes</h4>
127
164
128
165
An SVG shape can be referenced using the <code> url()</code> syntax.
@@ -161,7 +198,7 @@ div {
161
198
</pre></code>
162
199
</div>
163
200
164
- <h3 id="shapes-from-image">
201
+ <h2 id="shapes-from-image">
165
202
Shapes from Image</h3>
166
203
167
204
Add the final
@@ -177,7 +214,15 @@ Shapes from Image</h3>
177
214
that determines the relevant pixels to use
178
215
(both for defining a shape and for display).
179
216
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">
181
226
Declaring Shapes</h3>
182
227
183
228
A shape can be declared with
@@ -239,7 +284,7 @@ Declaring Shapes</h3>
239
284
style="max-width:40%"/>
240
285
</div>
241
286
242
- <h4 id="shape-outside-property">
287
+ <h3 id="shape-outside-property">
243
288
The 'shape-outside' Property</h4>
244
289
245
290
Add the final
@@ -251,7 +296,7 @@ The 'shape-outside' Property</h4>
251
296
if the element
252
297
is an exclusion.
253
298
254
- <h4 id="shape-inside-property">
299
+ <h3 id="shape-inside-property">
255
300
The 'shape-inside' Property</h4>
256
301
257
302
The 'shape-inside' property adds
@@ -360,7 +405,7 @@ The 'shape-inside' Property</h4>
360
405
as a constraint in determining its maximum size.
361
406
362
407
363
- <h4 id="shape-image-threshold-property">
408
+ <h3 id="shape-image-threshold-property">
364
409
The shape-image-threshold Property</h4>
365
410
366
411
Add the final
@@ -369,7 +414,7 @@ The shape-image-threshold Property</h4>
369
414
it applies to both <span> shape-inside</span>
370
415
and <span> shape-outside</span> .
371
416
372
- <h4 id="shape-image-source-type-property">
417
+ <h3 id="shape-image-source-type-property">
373
418
The shape-image-source-type Property</h4>
374
419
375
420
Should we add an alpha/luminance switch
@@ -380,14 +425,14 @@ The shape-image-source-type Property</h4>
380
425
Whatever we go with should be compatible
381
426
with the alpha/luminance switch from mask sources.
382
427
383
- <h4 id="shape-margin-property">
428
+ <h3 id="shape-margin-property">
384
429
The 'shape-margin' property</h4>
385
430
386
431
Add the final
387
432
<a href="http://www.w3.org/TR/css-shapes/#shape-margin-property">level 1</a>
388
433
section with the change that it applies to exclusions.
389
434
390
- <h4 id="shape-padding-property">
435
+ <h3 id="shape-padding-property">
391
436
The 'shape-padding' Property</h4>
392
437
393
438
The 'shape-padding' property adds padding to a shape-inside.
0 commit comments