1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html><head>
3 <link rel="reference" href="before-after-table-whitespace-001-ref.xht">
4 <title>CSS Test: generated content</title>
5 <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org">
6 <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
7 <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content">
8 <meta name="flags" content="">
9 <style type="text/css">
10 .gen0:before {
11 padding:1px;
12 }
13 .gen1:before {
14 content: " ";
15 }
16 .gen2:before {
17 content: attr(missing);
18 }
19 .gen3:before {
20 content: url(missing-image.png);
21 }
22
23 div { border:1px solid green; margin:5px; }
24 </style>
25 </head>
26
27 <!-- This tests that generated content items that evaluate to empty strings or
28 broken images are *not* treated as whitespace text and ignored by the table.
29 Altogether missing content should be ignored, though. (In fact it won't even be generated.) -->
30
31 <body>
32 <div>
33 <table><tbody><tr class="gen0"><td>Cell0</td></tr>
34 <tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
35 </div>
36 <div>
37 <table><tbody><tr class="gen1"><td>Cell0</td></tr>
38 <tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
39 </div>
40 <div>
41 <table><tbody><tr class="gen2"><td>Cell0</td></tr>
42 <tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
43 </div>
44 <div>
45 <table><tbody><tr class="gen3"><td>Cell0</td></tr>
46 <tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
47 </div>
48
49
50 </body></html>