Google Git
Sign in
webkit / WebKit / d87ece782429fd636e8dbe1aefd9ff7a9d78337b / . / LayoutTests / css2.1 / t1202-counters-07-b.html
blob: c69d01a402fc51d4d7cd97454f908b9bb1bd39a8 [file] [log] [blame]
darinec375482007-01-06 01:36:24 +0000[diff] [blame]1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
2<html>
bdakine156faa2006-10-02 23:25:58 +0000[diff] [blame]3 <head>
darinec375482007-01-06 01:36:24 +0000[diff] [blame]4 <title>CSS 2.1 Test Suite: content: counters(c, &quot;.", lower-roman)</title>
5 <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content">
6 <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter">
7 <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles">
8 <meta http-equiv="Content-Style-Type" content="text/css"></meta>
bdakine156faa2006-10-02 23:25:58 +0000[diff] [blame]9 <style type="text/css">
10
darinec375482007-01-06 01:36:24 +0000[diff] [blame]11 body { white-space: nowrap; }
12
13
bdakine156faa2006-10-02 23:25:58 +0000[diff] [blame]14 body, #test span:first-child { counter-reset: c; }
15 p, #test span { counter-increment: c; }
16 #test span:before { content: counters(c, ".", lower-roman); }
17
18 </style>
19 </head>
20 <body>
21
22 <p>The following two lines should look the same:</p>
23
24 <div id="test">
25 <span></span>
26 <span></span>
27 <span></span>
28 <span></span>
29 <span></span>
30 <span></span>
31 <span></span>
32 <span></span>
33 <span></span>
34 <span></span>
35 <span></span>
36 <span></span>
37 <span style="counter-reset: c 48"></span>
38 <span></span>
39 <span style="counter-reset: c 388"></span>
40 <span></span>
41 <span style="counter-reset: c 3488"></span>
42 <span></span>
43 <span></span>
44 </div>
45
46 <div>
47 i.i
48 i.ii
49 i.iii
50 i.iv
51 i.v
52 i.vi
53 i.vii
54 i.viii
55 i.ix
56 i.x
57 i.xi
58 i.xii
59 i.xlix
60 i.l
61 i.ccclxxxix
62 i.cccxc
63 i.mmmcdlxxxix
64 i.mmmcdxc
65 i.mmmcdxci
66 </div>
67
68 </body>
69</html>