Skip to content

Commit 45e5afb

Browse files
committed
[css-images-3][editorial] Bikeshed fixes, round 1
1 parent 2cb8674 commit 45e5afb

File tree

1 file changed

+12
-10
lines changed

1 file changed

+12
-10
lines changed

css-images-3/Overview.bs

+12-10
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,6 @@ Ignored Vars: start image, end image
2525
Include Can I Use Panels: yes
2626
</pre>
2727
<pre class=link-defaults>
28-
spec:svg; type:element; text:feimage
2928
spec:css-backgrounds-3; type:value; text:center
3029
</pre>
3130

@@ -327,10 +326,12 @@ Linear Gradients: the ''linear-gradient()'' notation {#linear-gradients}
327326

328327
<h4 class='no-toc' id='linear-gradient-syntax'>linear-gradient() syntax</h4>
329328

330-
The linear gradient syntax is:
329+
The <dfn>linear-gradient()</dfn> notation
330+
specifies a linear gradient in CSS.
331+
Its syntax is as follows:
331332

332333
<pre class=prod>
333-
<dfn>linear-gradient()</dfn> = linear-gradient(
334+
<<linear-gradient()>> = linear-gradient(
334335
[ <<angle>> | to <<side-or-corner>> ]? ,
335336
<<color-stop-list>>
336337
)
@@ -487,7 +488,8 @@ Radial Gradients: the ''radial-gradient()'' notation {#radial-gradients}
487488
they instead emerge from a single point
488489
and smoothly spread outward in a circular or elliptical shape.
489490

490-
A radial gradient is specified by indicating the center of the gradient
491+
The <dfn>radial-gradient()</dfn> notation specifies a radial gradient
492+
by indicating the center of the gradient
491493
(where the 0% ellipse will be)
492494
and the size and shape of the <dfn>ending shape</dfn>
493495
(the 100% ellipse).
@@ -504,12 +506,12 @@ Radial Gradients: the ''radial-gradient()'' notation {#radial-gradients}
504506
The radial gradient syntax is:
505507

506508
<pre class=prod>
507-
<dfn>radial-gradient()</dfn> = radial-gradient(
509+
<<radial-gradient()>> = radial-gradient(
508510
[ <<ending-shape>> || <<size>> ]? [ at <<position>> ]? ,
509511
<<color-stop-list>>
510512
)
511-
<dfn><<size>></dfn> = <<extent-keyword>> | <<length [0,∞]>> | <<length-percentage [0,∞]>>{2}
512-
<dfn><<extent-keyword>></dfn> = closest-corner | closest-side | farthest-corner | farthest-side
513+
<<size>> = <<extent-keyword>> | <<length [0,∞]>> | <<length-percentage [0,∞]>>{2}
514+
<<extent-keyword>> = closest-corner | closest-side | farthest-corner | farthest-side
513515
</pre>
514516

515517
<div class=example>
@@ -560,7 +562,7 @@ Radial Gradients: the ''radial-gradient()'' notation {#radial-gradients}
560562
If the ending-shape is an ellipse,
561563
its axises are aligned with the horizontal and vertical axises.
562564

563-
Both ''circle'' and ''ellipse'' gradients accept the following keywords as their <dfn type for=''>&lt;size></dfn>:
565+
Both ''circle'' and ''ellipse'' gradients accept the following <dfn><<extent-keyword>></dfn> values:
564566

565567
<dl dfn-for="<size>">
566568
<dt><dfn>closest-side</dfn>
@@ -594,7 +596,7 @@ Radial Gradients: the ''radial-gradient()'' notation {#radial-gradients}
594596
the <<size>> may be given explicitly as:
595597

596598
<dl>
597-
<dt><dfn for="<size>">&lt;length [0,∞]></dfn>
599+
<dt><dfn for="radial-gradient()">&lt;length [0,∞]></dfn>
598600
<dd>
599601
Gives the radius of the circle explicitly.
600602
Negative values are invalid.
@@ -612,7 +614,7 @@ Radial Gradients: the ''radial-gradient()'' notation {#radial-gradients}
612614
<<size>> may instead be given explicitly as:
613615

614616
<dl>
615-
<dt><dfn for="<size>"><<length-percentage [0,∞]>>{2}</dfn>
617+
<dt><dfn for="radial-gradient()"><<length-percentage [0,∞]>>{2}</dfn>
616618
<dd>
617619
Gives the size of the ellipse explicitly.
618620
The first value represents the horizontal radius,

0 commit comments

Comments
 (0)