@@ -97,6 +97,9 @@ Value Definitions</h3>
9797 using the <a href="https://www.w3.org/TR/css-values-3/#value-defs">value definition syntax</a> from [[!CSS-VALUES-3]] .
9898 Value types not defined in this specification are defined in CSS Values & Units [[!CSS-VALUES-3]] .
9999 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]]
100103
101104 In addition to the property-specific values listed in their definitions,
102105 all properties defined in this specification
@@ -287,9 +290,10 @@ controls for image display.
287290<div class="example">
288291<p> Some examples specifying background images:</p>
289292<pre>
290- body { background-image: url("marble.svg") }
293+ html { background-image: url("marble.svg") }
291294p { background-image: none }
292295div { background-image: url(tl.png), url(tr.png) }
296+ main { background-image: radial-gradient(at bottom right, transparent, white); }
293297</pre>
294298</div>
295299
@@ -1260,14 +1264,9 @@ in order to allow styling of the canvas
12601264CSS propagates the background of the root element
12611265(or, in the case of HTML, the <body> element)
12621266as 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.
12711270
12721271<p> If the [=canvas background=] is not opaque,
12731272the <dfn export>canvas surface</dfn> below it shows through.
@@ -2977,7 +2976,7 @@ module.
29772976
29782977<dl>
29792978<dt> <dfn>UA</dfn>
2980- <dt> <dfn id="user-agent">User Agent </dfn>
2979+ <dt> <dfn id="user-agent">user agent </dfn>
29812980<dd>
29822981<p> A program that reads and/or writes CSS style sheets on behalf of a
29832982user 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
30403039<h2 id="changes">
30413040Changes</h2>
30423041
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+
30433052<h3 id="changes-2017-10">
30443053Changes since the 17 October 2017 Candidate Recommendation</h3>
30453054
0 commit comments