1 <!DOCTYPE html>
2 <html><head>
3 <title>CSS Test: background-image applicability to ::first-letter</title>
4 <link href="mailto:emalasky@adobe.com" rel="author" title="Ethan Malasky">
5 <link href="http://www.w3.org/TR/css3-background/#placement" rel="help">
6 <link href="http://www.w3.org/TR/css3-background/#the-background-image" rel="help">
7 <link href="http://www.w3.org/TR/CSS21/colors.html#background-properties" rel="help">
8 <link href="http://www.w3.org/TR/CSS21/selector.html#first-letter" rel="help">
9 <link href="reference/background-image-first-letter-ref.htm" rel="match">
10 <link href="http://fantasai.inkedblade.net/contact" rel="reviewer" title="Elika J. Etemad">
11 <meta content="ahem image" name="flags">
12 <meta content="background-image applicability to ::first-letter" name="assert">
13 <style type="text/css">
14 #content {
15 color: transparent;
16 font: 100px Ahem;
17 }
18 #content::first-letter {
19 background-image: url("support/cat.png"); /* 98 w. by 99px h. */
20 background-repeat: no-repeat;
21 }
22 </style>
23 </head>
24 <body>
25 <p>Test passes if cat image is visible.</p>
26 <div id="content">X</div>
27
28
29 </body></html>