1515
1616 < h1 > CSS Image Values and Replaced Content Module Level 3</ h1 >
1717
18- < h2 class ="no-num no-toc " id =longstatus-date > Editor's Draft 19 April 2011</ h2 >
18+ < h2 class ="no-num no-toc " id =longstatus-date > Editor's Draft 26 April 2011</ h2 >
1919
2020 < dl >
2121 < dt > Latest Version:
@@ -138,11 +138,11 @@ <h2 class="no-num no-toc" id=contents> Table of contents</h2>
138138 notation</ a >
139139
140140 < li > < a href ="#element-reference "> < span class =secno > 4.3. </ span > Using
141- Elements as Images: The ‘< code class =css > element()</ code > ’
141+ Elements as Images: the ‘< code class =css > element()</ code > ’
142142 notation</ a >
143143
144144 < li > < a href ="#cross-fade-function "> < span class =secno > 4.4. </ span >
145- Combining images: The ‘< code class =css > cross-fade()</ code > ’
145+ Combining images: the ‘< code class =css > cross-fade()</ code > ’
146146 notation</ a >
147147 </ ul >
148148
@@ -174,11 +174,11 @@ <h2 class="no-num no-toc" id=contents> Table of contents</h2>
174174 Object Size Resolution</ a >
175175
176176 < li > < a href ="#object-fit "> < span class =secno > 6.4. </ span > Sizing Objects:
177- The ‘< code class =property > object-fit</ code > ’ Property </ a >
177+ the ‘< code class =property > object-fit</ code > ’ property </ a >
178178
179179 < li > < a href ="#object-position "> < span class =secno > 6.5. </ span >
180- Positioning Objects: The ‘< code
181- class =property > object-position</ code > ’ Property </ a >
180+ Positioning Objects: the ‘< code
181+ class =property > object-position</ code > ’ property </ a >
182182 </ ul >
183183
184184 < li > < a href ="#image-resolution "> < span class =secno > 7. </ span > Overriding
@@ -190,8 +190,8 @@ <h2 class="no-num no-toc" id=contents> Table of contents</h2>
190190 class =property > image-orientation</ code > ’ property</ a >
191191
192192 < li > < a href ="#image-rendering "> < span class =secno > 9. </ span > Determining
193- How to Scale an Image: The ‘< code
194- class =property > image-rendering</ code > ’ Property </ a >
193+ How to Scale an Image: the ‘< code
194+ class =property > image-rendering</ code > ’ property </ a >
195195
196196 < li > < a href ="#serialization "> < span class =secno > 10. </ span >
197197 Serialization</ a >
@@ -469,7 +469,7 @@ <h3 id=image-notation><span class=secno>4.2. </span> Image Annotations: the
469469 <!-- ====================================================================== -->
470470
471471 < h3 id =element-reference > < span class =secno > 4.3. </ span > Using Elements as
472- Images: The ‘< code class =css > element()</ code > ’ notation</ h3 >
472+ Images: the ‘< code class =css > element()</ code > ’ notation</ h3 >
473473
474474 < p > The ‘< code class =css > element()</ code > ’ function allows an
475475 author to reference an element in the document that should be used as an
@@ -528,7 +528,7 @@ <h3 id=element-reference><span class=secno>4.3. </span> Using Elements as
528528 < div class =example > TODO: copy an example from the MozHacks article</ div >
529529 <!-- ====================================================================== -->
530530
531- < h4 class ="no-num no-toc " id =element-cycles > Detecting and Resolving
531+ < h4 class ="no-num no-toc " id =element-cycles > Detecting and Resolving
532532 Circular Relationships Introduced by ‘< code
533533 class =css > element()</ code > ’</ h4 >
534534
@@ -552,7 +552,7 @@ <h4 class="no-num no-toc" id=element-cycles>Detecting and Resolving
552552 <!-- ====================================================================== -->
553553
554554 < h3 id =cross-fade-function > < span class =secno > 4.4. </ span > Combining images:
555- The ‘< code class =css > cross-fade()</ code > ’ notation</ h3 >
555+ the ‘< code class =css > cross-fade()</ code > ’ notation</ h3 >
556556
557557 < p > When transitioning between images, CSS requires a way to explicitly
558558 refer to the intermediate image that is a combination of the start and end
@@ -664,7 +664,7 @@ <h3 id=linear-gradients><span class=secno>5.1. </span> Linear Gradients</h3>
664664 <!-- ====================================================================== -->
665665
666666 < h4 class =no-toc id =linear-gradient-syntax > < span class =secno > 5.1.1. </ span >
667- ‘ < code class = css > linear-gradient()</ code > ’ syntax</ h4 >
667+ linear-gradient() syntax</ h4 >
668668
669669 < pre
670670 class =prod > < code > < dfn id =ltlinear-gradient > <linear-gradient> </ dfn > = linear-gradient(
@@ -810,18 +810,19 @@ <h3 id=radial-gradients><span class=secno>5.2. </span> Radial Gradients</h3>
810810 <!-- ====================================================================== -->
811811
812812 < h4 class =no-toc id =radial-gradient-syntax > < span class =secno > 5.2.1. </ span >
813- < code > radial-gradient()</ code > Syntax</ h4 >
813+ radial-gradient() Syntax</ h4 >
814814
815- < pre
816- class = prod > < code > < dfn id =ltradial-gradient > <radial-gradient> </ dfn > = radial-gradient(
815+ < pre class = prod >
816+ < dfn id =ltradial-gradient > <radial-gradient> </ dfn > = radial-gradient(
817817 [<bg-position>,]?
818818 [[
819819 [<shape> || <size>]
820820 |
821821 [<length> | <percentage> ]{2}
822822 ],]?
823823 <color-stop>[, <color-stop>]+
824- )</ code > </ pre >
824+ )
825+ </ pre >
825826
826827 < p > The first argument to the function specifies the center of the ellipse.
827828 < i > <bg-position> </ i > is taken from the Backgrounds and Borders Module,
@@ -1370,9 +1371,9 @@ <h3 id=default-sizing><span class=secno>6.3. </span> Concrete Object Size
13701371 whole number of times into the background positioning area.</ p >
13711372 <!-- ====================================================================== -->
13721373
1373- < h3 id =object-fit > < span class =secno > 6.4. </ span > Sizing Objects: The
1374+ < h3 id =object-fit > < span class =secno > 6.4. </ span > Sizing Objects: the
13741375 ‘< a href ="#object-fit0 "> < code
1375- class =property > object-fit</ code > </ a > ’ Property </ h3 >
1376+ class =property > object-fit</ code > </ a > ’ property </ h3 >
13761377
13771378 < table class =propdef >
13781379 < tbody >
@@ -1539,8 +1540,8 @@ <h3 id=object-fit><span class=secno>6.4. </span> Sizing Objects: The
15391540 <!-- ====================================================================== -->
15401541
15411542 < h3 id =object-position > < span class =secno > 6.5. </ span > Positioning Objects:
1542- The ‘< a href ="#object-position0 "> < code
1543- class =property > object-position</ code > </ a > ’ Property </ h3 >
1543+ the ‘< a href ="#object-position0 "> < code
1544+ class =property > object-position</ code > </ a > ’ property </ h3 >
15441545
15451546 < table class =propdef >
15461547 < tbody >
@@ -1800,8 +1801,8 @@ <h2 id=image-orientation><span class=secno>8. </span> Orienting an Image on
18001801 <!-- ====================================================================== -->
18011802
18021803 < h2 id =image-rendering > < span class =secno > 9. </ span > Determining How to
1803- Scale an Image: The ‘< a href ="#image-rendering0 "> < code
1804- class =property > image-rendering</ code > </ a > ’ Property </ h2 >
1804+ Scale an Image: the ‘< a href ="#image-rendering0 "> < code
1805+ class =property > image-rendering</ code > </ a > ’ property </ h2 >
18051806
18061807 < table class =propdef >
18071808 < tbody >
0 commit comments