@@ -120,29 +120,30 @@ Value Definitions {#values}
120
120
Image File Formats {#image-file-formats}
121
121
----------------------------------------
122
122
123
- At minimum, the UA must support the following image file formats
124
- when referenced from an <<image>> value,
125
- for all the properties in which using <<image>> is valid:
126
- <ul>
127
- <li> PNG, as specified in [[!PNG]]
128
- <li> SVG, as specified in [[!SVG11]] ,
129
- using the <a href=
8000
"https://www.w3.org/TR/svg-integration/#secure-static-mode">secure static mode</a> (See [[!SVG-INTEGRATION]] )
130
- <li> If the UA supports animated <<image>> s,
131
- SVG, as specified in [[!SVG11]] ,
132
- using the <a href="https://www.w3.org/TR/svg-integration/#secure-animated-mode">secure animated mode</a> (See [[!SVG-INTEGRATION]] )
133
- </ul>
134
-
135
- The UA may support other file formats as well.
123
+ At minimum, the UA must support the following image file formats
124
+ when referenced from an <<image>> value,
125
+ for all the properties in which using <<image>> is valid:
126
+ <ul>
127
+ <li> PNG, as specified in [[!PNG]]
128
+ <li> SVG, as specified in [[!SVG11]] ,
129
+ using the <a href="https://www.w3.org/TR/svg-integration/#secure-static-mode">secure static mode</a> (See [[!SVG-INTEGRATION]] )
130
+ <li> If the UA supports animated <<image>> s,
131
+ SVG, as specified in [[!SVG11]] ,
132
+ using the <a href="https://www.w3.org/TR/svg-integration/#secure-animated-mode">secure animated mode</a> (See [[!SVG-INTEGRATION]] )
133
+ </ul>
134
+
135
+ The UA may support other file formats as well.
136
136
137
137
Image References: the ''url()'' notation {#url-notation}
138
- ------------------------------------------------------------------------------------------
8000
138
+ --------------------------------------------------------
139
139
140
- Note: No change from [[css3-images]] .
140
+ Note: No change from [[css3-images]] .
141
141
142
142
143
143
Fetching External Images {#fetching-images}
144
- ------------------------------------------------------------------------------------------
145
- To <dfn>fetch an external image for a stylesheet</dfn> ,
144
+ -------------------------------------------
145
+
146
+ To <dfn>fetch an external image for a stylesheet</dfn> ,
146
147
given a [=/url=] |url| and {{CSSStyleSheet}} sheet,
147
148
[=fetch a style resource=] given |url|,
148
149
with stylesheet {{CSSStyleSheet}} ,
@@ -165,7 +166,7 @@ To <dfn>fetch an external image for a stylesheet</dfn>,
165
166
166
167
167
168
Resolution/Type Negotiation: the ''image-set()'' notation {#image-set-notation}
168
- --------------------------------------------------------------------------
169
+ -------------------------------------------------------------------------------
169
170
170
171
Delivering the most appropriate image resolution for a user's device can be a difficult task.
171
172
Ideally, images should be in the same resolution as the device they're being viewed in,
@@ -1638,7 +1639,7 @@ Repeating Gradients: the ''repeating-linear-gradient()'', ''repeating-radial-gra
1638
1639
1639
1640
1640
1641
Defining Gradient Color {#gradient-colors}
1641
- -------------------------
1642
+ ------------------------------------------
1642
1643
1643
1644
The colors in gradients are specified using <dfn export lt="color stop">color stops</dfn>
1644
1645
(a <<color>> and a corresponding position on the [=gradient line=] )
@@ -1916,7 +1917,7 @@ Color Stop “Fixup”</h4>
1916
1917
-->
1917
1918
1918
1919
1D Image Values: the <<image-1D>> type and ''stripes()'' notation {#stripes}
1919
- =================================================================
1920
+ ============================================================================
1920
1921
1921
1922
While <<image>> values represent a 2-dimensional (2D) image,
1922
1923
and <<color>> can be thought of as a 0-dimensional (0D) image
@@ -2489,7 +2490,7 @@ Interpolating <<gradient>> {#interpolating-gradients}
2489
2490
interpolate the position and color independently.
2490
2491
2491
2492
Interpolating <<1d-image>> {#interpolating-1d-images}
2492
- -----------------------------------------------
2493
+ -----------------------------------------------------
2493
2494
2494
2495
Similar to <a lt="interpolating-gradients">gradient images</a> ,
2495
2496
one-dimensional images can be interpolated directly in CSS transitions and animations,
@@ -2560,18 +2561,18 @@ Serialization {#serialization}
2560
2561
<h2 id=deprecated class=no-num>
2561
2562
Appendix A: Deprecated Features and Aliases</h2>
2562
2563
2563
- Implementations must accept <dfn>-webkit-image-set()</dfn>
2564
- as a parse-time alias of ''image-set()'' .
2565
- (It's a valid value, with identical arguments to ''image-set()'' ,
2566
- and is turned into ''image-set()'' during parsing.)
2564
+ Implementations must accept <dfn>-webkit-image-set()</dfn>
2565
+ as a parse-time alias of ''image-set()'' .
2566
+ (It's a valid value, with identical arguments to ''image-set()'' ,
2567
+ and is turned into ''image-set()'' during parsing.)
2567
2568
2568
2569
Privacy Considerations {#privacy}
2569
- ==============================================
2570
+ =================================
2570
2571
2571
2572
Note: No change from [[css3-images]] .
2572
2573
2573
2574
Security Considerations {#security}
2574
- ==============================================
2575
+ ===================================
2575
2576
2576
2577
Note: No change from [[css3-images]] .
2577
2578
0 commit comments