diff options
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/generated-content/content-counters-007.xht')
-rw-r--r-- | testing/web-platform/tests/css/CSS2/generated-content/content-counters-007.xht | 70 |
1 files changed, 70 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counters-007.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-007.xht new file mode 100644 index 0000000000..38233d084e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-007.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: content: counters(c, ".", lower-roman)</title> + <link rel="author" title="L. David Baron" href="https://dbaron.org/"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/> + <meta http-equiv="Content-Style-Type" content="text/css"/> + <style type="text/css"> + + body { white-space: nowrap; } + + + body, #test span:first-child { counter-reset: c; } + p, #test span { counter-increment: c; } + #test span:before { content: counters(c, ".", lower-roman); } + + </style> + </head> + <body> + + <p>The following two lines should look the same:</p> + + <div id="test"> + <span></span> + <span></span> + <span></span> + <span></span> + <span></span> + <span></span> + <span></span> + <span></span> + <span></span> + <span></span> + <span></span> + <span></span> + <span style="counter-reset: c 48"></span> + <span></span> + <span style="counter-reset: c 388"></span> + <span></span> + <span style="counter-reset: c 3488"></span> + <span></span> + <span></span> + </div> + + <div> + i.i + i.ii + i.iii + i.iv + i.v + i.vi + i.vii + i.viii + i.ix + i.x + i.xi + i.xii + i.xlix + i.l + i.ccclxxxix + i.cccxc + i.mmmcdlxxxix + i.mmmcdxc + i.mmmcdxci + </div> + + </body> +</html> |