You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: css3-images/Overview.src.html
+7-7Lines changed: 7 additions & 7 deletions
Original file line number
Diff line number
Diff line change
@@ -319,7 +319,11 @@ <h4 id='bidi-images'>
319
319
<h3id='element-reference'>
320
320
Using Elements as Images: the ''element()'' notation</h3>
321
321
322
-
<p>The ''element()'' function allows an author to use an element in the document as an image. As the referenced element changes appearance, the image changes as well. This can be used, for example, to create live previews of the next/previous slide in a slideshow, or to reference a canvas element for a fancy generated gradient or even an animated background. The syntax for ''element()'' is:</p>
322
+
<p>The ''element()'' function allows an author to use an element in the document as an image. As the referenced element changes appearance, the image changes as well. This can be used, for example, to create live previews of the next/previous slide in a slideshow, or to reference a canvas element for a fancy generated gradient or even an animated background.</p>
323
+
324
+
<pclass='note'>Note that the ''element()'' function only reproduces the <em>appearance</em> of the referenced element, not the actual content and its structure. Authors should only use this for decorative purposes, and must not use ''element()'' to reproduce an element with significant content across the page. Instead, just insert multiple copies of the element into the document.</p>
<dt>If the <i>ending shape</i> is a circle with zero width or height:</dt>
825
+
<dt>If the <i>ending shape</i> is a circle with zero radius:</dt>
822
826
<dd>Render as if the <i>ending shape</i> was a circle whose radius was an arbitrary very small number greater than zero. <spanclass='note'>This will make the gradient continue to look like a circle.</span></dd>
823
827
824
828
<dt>If the <i>ending shape</i> has zero width (regardless of the height):</dt>
@@ -1099,11 +1103,7 @@ <h3 id="sizing-terms">
1099
1103
<i>intrinsic dimensions</i> and <i>specified size</i> are missing dimensions.
1100
1104
It varies based on the context in which that the image is being laid out.</p>
1101
1105
1102
-
<p>The following informative list summarizes the <i>default object size</i> of
1103
-
properties and contexts that appear in CSS 2.1, plus 'border-image' from
1104
-
CSS 3 Backgrounds & Borders.
1105
-
Newer modules that accept an ''<image>'' component value in a new
1106
-
context must define the <i>default object size</i> in that context.</p>
1106
+
<p>The following list defines the <i>default object size</i> of properties and contexts that appear in CSS 2.1, plus 'border-image' from CSS 3 Backgrounds & Borders. Newer modules that accept an ''<image>'' component value in a new context must define the <i>default object size</i> in that context. This list is normative, but it is not intended to contradict anything stated in CSS2.1 or CSS3 Backgrounds & Borders.</p>
0 commit comments