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
<dd><ahref="http://lists.w3.org/Archives/Public/www-style/">www-style@w3.org</a> with subject line “<kbd>[[SHORTNAME]] <var>… message topic …</var></kbd>”
38
+
33
39
<dt>Editors:</dt>
34
40
<ddclass='vcard'>
35
41
<aclass='url fn' href="http://fantasai.inkedblade.net/contact">Elika J. Etemad</a> (<spanclass='org'>Mozilla</span>)</dd>
@@ -136,7 +142,10 @@ <h2 id='resolution-units'>
136
142
<h2id="image">
137
143
Image Values: the <image> type</h2>
138
144
139
-
<p>The <image> value type denotes a 2D image. It is defined as
145
+
<p>The <image> value type denotes a 2D image. It represents either a
Image References and Image Slices: the ''url()'' function</h3>
158
+
Image References and Image Slices: the ''url()'' notation</h3>
150
159
151
160
<p>The simplest way to indicate an image is to reference an image file by URL. This is done with the <ahref="http://www.w3.org/TR/CSS21/syndata.html#uri">''url()'' notation</a>, defined in [[!CSS21]].
Image Fallbacks and Annotations: the ''image()'' function</h3>
206
+
Image Fallbacks and Annotations: the ''image()'' notation</h3>
198
207
199
208
<p>The ''image()'' function allows an author to specify an image with fallback images to be used if the original image can't be decoded or is a type that the browser doesn't recognize. Additionally, the author can specify a color as an ultimate fallback to be used when none of the images can be.</p>
<p>Each <code><string></code> must represent a <ahref="http://dev.w3.org/csswg/css3-values/#urls">URL</a>.</p>
214
221
@@ -244,7 +251,7 @@ <h3 id="image-notation">
244
251
<p>In the above, the background is the image "bg-image.png", overlaid with partially-transparent blue.
245
252
</div>
246
253
247
-
<p>Along with each URL, the author may specify a directionality, similar to adding a <code>dir</code> attribute to an element in HTML. The image represented by the function takes on the directionality of the used URL. If a directional image is used on or in an element with opposite directionality, the image must be flipped in the inline direction (as if it was transformed by, e.g., <code>scaleX(-1)</code>, if the inline direction is the X axis).</p>
254
+
<p>Along with each URL, the author may specify a directionality, similar to adding a <code>dir</code> attribute to an element in HTML. The image represented by the function takes on the directionality of the used URL. If a directional image is used on or in an element with opposite <ahref="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction">direction</a>, the image must be flipped in the inline direction (as if it was transformed by, e.g., <code>scaleX(-1)</code>, if the inline direction is the X axis).</p>
248
255
249
256
<divclass='example'>
250
257
<p>A list may use an arrow for a bullet that points into the content. If the list can contain both LTR and RTL text, though, the bullet may be on the left or the right, and an image designed to point into the text on one side will point out of the text on the other side. This can be fixed with code like:</p>
Using Elements as Images: the ''element()'' function</h3>
277
+
Using Elements as Images: the ''element()'' notation</h3>
271
278
272
279
<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>
0 commit comments