@@ -97,6 +97,9 @@ Value Definitions</h3>
97
97
using the <a href="https://www.w3.org/TR/css-values-3/#value-defs">value definition syntax</a> from [[!CSS-VALUES-3]] .
98
98
Value types not defined in this specification are defined in CSS Values & Units [[!CSS-VALUES-3]] .
99
99
Combination with other CSS modules may expand the definitions of these value types.
100
+ For example, combining with <a href="https://www.w3.org/TR/css-images/">CSS Images</a>
101
+ allows for using CSS gradients as 'background-image' or 'border-image' values.
102
+ [[CSS-IMAGES-3]]
100
103
101
104
In addition to the property-specific values listed in their definitions,
102
105
all properties defined in this specification
@@ -287,9 +290,10 @@ controls for image display.
287
290
<div class="example">
288
291
<p> Some examples specifying background images:</p>
289
292
<pre>
290
- body { background-image: url("marble.svg") }
293
+ html { background-image: url("marble.svg") }
291
294
p { background-image: none }
292
295
div { background-image: url(tl.png), url(tr.png) }
296
+ main { background-image: radial-gradient(at bottom right, transparent, white); }
293
297
</pre>
294
298
</div>
295
299
@@ -1260,14 +1264,9 @@ in order to allow styling of the canvas
1260
1264
CSS propagates the background of the root element
1261
1265
(or, in the case of HTML, the <body> element)
1262
1266
as described below.
1263
- However, if no boxes are generated for the element whose background
1264
- would be used for the canvas
1265
- (for example, if the root element has ''display: none'' ),
1266
- then the canvas background is transparent.
1267
-
1268
- <p class=note> Note that an element might be invisible, but still generate boxes.
1269
- For example, if the element has ''visibility: hidden'' but not ''display: none'' ,
1270
- boxes <em> are</em> generated for it and its background <em> is</em> used for the canvas.
1267
+ However, the element whose background would be used for the canvas
1268
+ is ''display: none'' ,
1269
+ then the [=canvas background=] is transparent.
1271
1270
1272
1271
<p> If the [=canvas background=] is not opaque,
1273
1272
the <dfn export>canvas surface</dfn> below it shows through.
@@ -2977,7 +2976,7 @@ module.
2977
2976
2978
2977
<dl>
2979
2978
<dt> <dfn>UA</dfn>
2980
- <dt> <dfn id="user-agent">User Agent </dfn>
2979
+ <dt> <dfn id="user-agent">user agent </dfn>
2981
2980
<dd>
2982
2981
<p> A program that reads and/or writes CSS style sheets on behalf of a
2983
2982
user in either or both of these categories: programs whose purpose is
@@ -3040,6 +3039,16 @@ The lists below describe which features from this specification are in each leve
3040
3039
<h2 id="changes">
3041
3040
Changes</h2>
3042
3041
3042
+ <h3 id="changes-2020-12">
3043
+ Changes since the 22 December 2020 Candidate Recommendation Snapshot</h3>
3044
+
3045
+ <ul>
3046
+ <li> Clarified that the rule about not propagating backgrounds from the root
3047
+ when it doesn't generate boxes only applies to ''display: none'' ,
3048
+ not ''display: contents'' .
3049
+ (<a href="https://github.com/w3c/csswg-drafts/issues/3779">Issue 3779</a> )
3050
+ </ul>
3051
+
3043
3052
<h3 id="changes-2017-10">
3044
3053
Changes since the 17 October 2017 Candidate Recommendation</h3>
3045
3054
0 commit comments