@@ -25,7 +25,6 @@ Ignored Vars: start image, end image
25
25
Include Can I Use Panels : yes
26
26
</pre>
27
27
<pre class=link-defaults>
28
- spec:svg; type:element; text:feimage
29
28
spec:css-backgrounds-3; type:value; text:center
30
29
</pre>
31
30
@@ -327,10 +326,12 @@ Linear Gradients: the ''linear-gradient()'' notation {#linear-gradients}
327
326
328
327
<h4 class='no-toc' id='linear-gradient-syntax'>linear-gradient() syntax</h4>
329
328
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:
331
332
332
333
<pre class=prod>
333
- <dfn> linear-gradient()</dfn > = linear-gradient(
334
+ << linear-gradient()> > = linear-gradient(
334
335
[ <<angle>> | to <<side-or-corner>> ]? ,
335
336
<<color-stop-list>>
336
337
)
@@ -487,7 +488,8 @@ Radial Gradients: the ''radial-gradient()'' notation {#radial-gradients}
487
488
they instead emerge from a single point
488
489
and smoothly spread outward in a circular or elliptical shape.
489
490
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
491
493
(where the 0% ellipse will be)
492
494
and the size and shape of the <dfn>ending shape</dfn>
493
495
(the 100% ellipse).
@@ -504,12 +506,12 @@ Radial Gradients: the ''radial-gradient()'' notation {#radial-gradients}
504
506
The radial gradient syntax is:
505
507
506
508
<pre class=prod>
507
- <dfn> radial-gradient()</dfn > = radial-gradient(
509
+ << radial-gradient()> > = radial-gradient(
508
510
[ <<ending-shape>> || <<size>> ]? [ at <<position>> ]? ,
509
511
<<color-stop-list>>
510
512
)
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
513
515
</pre>
514
516
515
517
<div class=example>
@@ -560,7 +562,7 @@ Radial Gradients: the ''radial-gradient()'' notation {#radial-gradients}
560
562
If the ending-shape is an ellipse,
561
563
its axises are aligned with the horizontal and vertical axises.
562
564
563
- Both ''circle'' and ''ellipse'' gradients accept the following keywords as their <dfn type for=''><size> </dfn> :
565
+ Both ''circle'' and ''ellipse'' gradients accept the following <dfn><<extent-keyword>> </dfn> values :
564
566
565
567
<dl dfn-for="<size> ">
566
568
<dt> <dfn>closest-side</dfn>
@@ -594,7 +596,7 @@ Radial Gradients: the ''radial-gradient()'' notation {#radial-gradients}
594
596
the <<size>> may be given explicitly as:
595
597
596
598
<dl>
597
- <dt> <dfn for="<size> "><length [0,∞]></dfn>
599
+ <dt> <dfn for="radial-gradient() "><length [0,∞]></dfn>
598
600
<dd>
599
601
Gives the radius of the circle explicitly.
600
602
Negative values are invalid.
@@ -612,7 +614,7 @@ Radial Gradients: the ''radial-gradient()'' notation {#radial-gradients}
612
614
<<size>> may instead be given explicitly as:
613
615
614
616
<dl>
615
- <dt> <dfn for="<size> "><<length-percentage [0,∞]>>{2}</dfn>
617
+ <dt> <dfn for="radial-gradient() "><<length-percentage [0,∞]>>{2}</dfn>
616
618
<dd>
617
619
Gives the size of the ellipse explicitly.
618
620
The first value represents the horizontal radius,
0 commit comments