@@ -507,11 +507,15 @@ Radial Gradients: the ''radial-gradient()'' notation {#radial-gradients}
507
507
508
508
<pre class=prod>
509
509
<<radial-gradient()>> = radial-gradient(
510
- [ <<ending-shape>> || <<size>> ]? [ at <<position>> ]? ,
510
+ [ <<rg- ending-shape>> || <<rg- size>> ]? [ at <<position>> ]? ,
511
511
<<color-stop-list>>
512
512
)
513
- <<size>> = <<extent-keyword>> | <<length [0,∞]>> | <<length-percentage [0,∞]>> {2}
514
- <<extent-keyword>> = closest-corner | closest-side | farthest-corner | farthest-side
513
+
514
+ <dfn><rg-size></dfn> = <<rg-extent-keyword>> | <<length [0,∞]>> | <<length-percentage [0,∞]>> {2}
515
+
516
+ <dfn><rg-extent-keyword></dfn> = closest-corner | closest-side | farthest-corner | farthest-side
517
+
518
+ <dfn><rg-ending-shape></dfn> = circle | ellipse
515
519
</pre>
516
520
517
521
<div class=example>
@@ -541,16 +545,16 @@ Radial Gradients: the ''radial-gradient()'' notation {#radial-gradients}
541
545
If this argument is omitted,
542
546
it defaults to ''<position>/center'' .
543
547
544
- <dt> <dfn><<ending-shape>></dfn>
548
+ <dt> <dfn><<rg- ending-shape>></dfn>
545
549
<dd>
546
- Can be either <dfn value for="<ending-shape>">circle</dfn> or <dfn value for="<ending-shape>">ellipse</dfn> ;
550
+ Can be either <dfn value for="<rg- ending-shape>">circle</dfn> or <dfn value for="<rg- ending-shape>">ellipse</dfn> ;
547
551
determines whether the gradient's <a>ending shape</a> is a circle or an ellipse, respectively.
548
- If <<ending-shape>> is omitted,
552
+ If <<rg- ending-shape>> is omitted,
549
553
the <a>ending shape</a> defaults to a circle
550
- if the <<size>> is a single <<length>> ,
554
+ if the <<rg- size>> is a single <<length>> ,
551
555
and to an ellipse otherwise.
552
556
553
- <dt> <dfn><<size>></dfn>
557
+ <dt> <dfn><<rg- size>></dfn>
554
558
<dd>
555
559
Determines the size of the gradient's <a>ending shape</a> .
556
560
If omitted it defaults to ''farthest-corner'' .
@@ -562,9 +566,9 @@ Radial Gradients: the ''radial-gradient()'' notation {#radial-gradients}
562
566
If the ending-shape is an ellipse,
563
567
its axises are aligned with the horizontal and vertical axises.
564
568
565
- Both ''circle'' and ''ellipse'' gradients accept the following <dfn><< extent-keyword>></dfn > values:
569
+ Both ''circle'' and ''ellipse'' gradients accept the following <<rg- extent-keyword>> values:
566
570
567
- <dl dfn-for="<size> ">
571
+ <dl dfn-for="<rg-extent-keyword> , radial-gradient(), repeating-radial-gradient() ">
568
572
<dt> <dfn>closest-side</dfn>
569
573
<dd>
570
574
The <a>ending shape</a> is sized so that
@@ -592,11 +596,11 @@ Radial Gradients: the ''radial-gradient()'' notation {#radial-gradients}
592
596
the <a>ending shape</a> is given the same aspect ratio it would have if ''farthest-side'' were specified.
593
597
</dl>
594
598
595
- If <<ending-shape>> is specified as ''circle'' or is omitted,
596
- the <<size>> may be given explicitly as:
599
+ If <<rg- ending-shape>> is specified as ''circle'' or is omitted,
600
+ the <<rg- size>> may be given explicitly as:
597
601
598
602
<dl>
599
- <dt> <dfn for="radial-gradient()"><length [0,∞]></dfn>
603
+ <dt> <dfn for="<rg-size>, radial-gradient(), repeating- radial-gradient()"><length [0,∞]></dfn>
600
604
<dd>
601
605
Gives the radius of the circle explicitly.
602
606
Negative values are invalid.
@@ -610,11 +614,11 @@ Radial Gradients: the ''radial-gradient()'' notation {#radial-gradients}
610
614
611
615
</dl>
612
616
613
- If <<ending-shape>> is specified as ''ellipse'' or is omitted,
614
- <<size>> may instead be given explicitly as:
617
+ If <<rg- ending-shape>> is specified as ''ellipse'' or is omitted,
618
+ <<rg- size>> may instead be given explicitly as:
615
619
616
620
<dl>
617
- <dt> <dfn for="radial-gradient()"><<length-percentage [0,∞]>>{2}</dfn>
621
+ <dt> <dfn for="<rg-size>, radial-gradient(), repeating- radial-gradient()"><<length-percentage [0,∞]>>{2}</dfn>
618
622
<dd>
619
623
Gives the size of the ellipse explicitly.
620
624
The first value represents the horizontal radius,
@@ -632,7 +636,7 @@ Radial Gradients: the ''radial-gradient()'' notation {#radial-gradients}
632
636
radial-gradient() = radial-gradient(
633
637
[ [ circle || <<length [0,∞] >> ] [ at <<position>> ] ? , |
634
638
[ ellipse || <<length-percentage [0,∞] >>{2} ] [ at <<position>> ] ? , |
635
- [ [ circle | ellipse ] || <<extent-keyword>> ] [ at <<position>> ] ? , |
639
+ [ [ circle | ellipse ] || <<rg- extent-keyword>> ] [ at <<position>> ] ? , |
636
640
at <<position>> </span> ,
637
641
]?
638
642
<<color-stop-list>>
@@ -1947,8 +1951,13 @@ Serialization {#serialization}
1947
1951
<pre> linear-gradient(red, yellow, black 100px)</pre>
1948
1952
</div>
1949
1953
1950
- <h2 class="no-num" id="priv-sec">
1951
- Privacy and Security Considerations</h2>
1954
+ <h2 class="no-num" id="privacy">
1955
+ Privacy Considerations</h2>
1956
+
1957
+ This specification introduces no new privacy concerns.
1958
+
1959
+ <h2 class="no-num" id="security">
1960
+ Security Considerations</h2>
1952
1961
1953
1962
This specification allows rendering of cross-origin images by default,
1954
1963
which exposes some information of those images programmatically--
@@ -1958,12 +1967,13 @@ specifically, the [=natural dimensions=] and resolution of those images.
1958
1967
Acknowledgments</h2>
1959
1968
1960
1969
Thanks to the Webkit team, Brad Kemper, Brian Manthos, and Alan Gresley
1961
- for their contributions to the definition of gradients; to Melinda Grant
1962
- for her work on 'object-fit' , 'object-position' , and 'image-orientation' ;
1963
- <!-- to Robert O'Callahan for the definition of ''element()'' ; to
1964
- Michael Day, Håkon Lie, and Shinyu Murakami for 'image-resolution' --> and to L. David Baron,
1965
- Kang-Hao Lu, Leif Arne Storset, Erik Dahlstrom, and Øyvind Stenhaug for
1966
- their careful review, comments, and corrections.
1970
+ for their contributions to the definition of gradients; to Melinda Grant
1971
+ for her work on 'object-fit' , 'object-position' , and 'image-orientation' ;
1972
+ <!-- to Robert O'Callahan for the definition of ''element()'' ; to
1973
+ Michael Day, Håkon Lie, and Shinyu Murakami for 'image-resolution' -->
1974
+ and to L. David Baron,
1975
+ Kang-Hao Lu, Leif Arne Storset, Erik Dahlstrom, and Øyvind Stenhaug for
1976
+ their careful review, comments, and corrections.
1967
1977
1968
1978
<h2 class="no-num" id="changes">
1969
1979
Changes</h2>
0 commit comments