diff --git a/css-shapes-1/Overview.bs b/css-shapes-1/Overview.bs
index 86f8fbf17aef..a2b2309e8164 100644
--- a/css-shapes-1/Overview.bs
+++ b/css-shapes-1/Overview.bs
@@ -449,7 +449,7 @@ Supported Shapes
path() =
- path( [<<'fill-rule'>>,]? <> )
+ path( [<<'fill-rule'>>,]? <>)
@@ -480,11 +480,33 @@ Supported Shapes
if it is not present in the string
for properties that require a closed loop
(such as 'shape-outside' and 'clip-path').
+ - draw() =
+ draw( [<<'fill-rule'>>,]? from <>, <>#])
+
+ -
+
+ -
+ <<'fill-rule'>> -
+ The filling rule used
+ to determine the interior
+ of the path.
+ See fill-rule property
+ in SVG for details.
+ Possible values are ''nonzero''
+ or ''evenodd''.
+ Default value when omitted is ''nonzero''.
+
-
+ The <> represents the initial point of the path.
+
-
+ The sequence of <>s represent segments of an SVG Path.
+
The arguments not defined above are defined as follows:
+ - <> = <>{2}
+
- Defines a pair of coordinates x & y.
- <> = <> | closest-side | farthest-side
-
Defines a radius for a circle or ellipse. If omitted it defaults to closest-side.
@@ -512,10 +534,62 @@ Supported Shapes
this is the farthest side
in the radius dimension.
-
+ <> = <> | <> | <> |
+ <> | <> | <> | close
+
+ Defines a single path segment. Every path segment corresponds to an SVG path segment.
+ <> = to | by
+
+ Represents the reference from which offsets are computed in <>s.
+ When ''to'' is present, the coordinates are relative to the top-left origin of the reference box.
+ Otherwise ''by'' is present, the coordinates are relative to the end position of the previous segment.
+
+ Note:
+ <> values are always computed relative to the reference box, regardless of how offsets are computed.
+
-
-Computed Values of Basic Shapes
+ <> = move <> <>
+
+ Corresponds to a moveto segment.
+ <> = line <> <>
+
+ Corresponds to a lineto segment.
+ <> = [horizontal|vertical] <> <>
+
+ Corresponds to a horizontal or vertical segment.
+ <> = curve <> <> via <>{1,2}
+
+ Corresponds to a quadratic curve segment if one <> is provided,
+ otherwise corresponds to a cubic curve segment.
+ <> = smooth <> <> [via <>]?
+
+ Corresponds to a smooth cubic curve segment if a <> is provided,
+ otherwise corresponds to a smooth quadratic curve segment.
+ <> = arc <> <> [[radius <>{1,2}] && <> && <> && <>?]
+
+ Corresponds to an arc segment, with a given radius, x-axis rotation <>, large and sweep flags.
+ <> = [large | small]?
+
+ If ''small'' is set, the arc's large flag is set to 0.
+ If ''large'' is set, the arc's large flag is set to 1.
+ If it is not set, the automatic value is used.
+ <> = [cw | ccw]?
+
+ If ''ccw'' is set, the arc's sweep flag is set to 0.
+ If ''cw'' is set, the arc's sweep flag is set to 1.
+ If it is not set, the automatic value is used.
+ close
+
+ Corrsepponds to a closepath segment.
+
+Closing paths
+ For ''path()'' and ''draw()'' shapes, the UA must close the derived path
+ with an implicit closepath command ("z" or "Z")
+ if it is not present in the path segments or string
+ for properties that require a closed loop
+ (such as 'shape-outside' and 'clip-path').
+
+Computed Values of Basic Shapes
The values in a <> function are computed as specified, with these exceptions: