summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-lists/li-value-reversed-008b.html
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/css-lists/li-value-reversed-008b.html')
-rw-r--r--testing/web-platform/tests/css/css-lists/li-value-reversed-008b.html57
1 files changed, 57 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-lists/li-value-reversed-008b.html b/testing/web-platform/tests/css/css-lists/li-value-reversed-008b.html
new file mode 100644
index 0000000000..17e81f8189
--- /dev/null
+++ b/testing/web-platform/tests/css/css-lists/li-value-reversed-008b.html
@@ -0,0 +1,57 @@
+<!doctype html>
+<title></title>
+<link rel="help" href="https://drafts.csswg.org/css-lists/#instantiating-counters">
+<link rel="help" href="https://html.spec.whatwg.org/#attr-ol-reversed">
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/6738">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1706346">
+<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+<link rel="match" href="li-value-reversed-008-ref.html">
+<meta name="assert" content="The last (non-zero) counter-increment value before the first counter-set determines the start value.">
+<style>
+:root {
+ color:black; background-color:white; font:10px/1 monospace;
+}
+ol::before, li::before {
+ content: counters(list-item,".");
+}
+div, span {
+ counter-increment: list-item 0;
+}
+</style>
+<ol reversed>
+ <li style="counter-increment: list-item -2"></li>
+ <div style="counter-increment: list-item -1"></div>
+ <li style="counter-increment: list-item -1"></li>
+ <li style="counter-increment: list-item 0; counter-set: list-item 5"></li>
+ <li style="counter-increment: list-item -2"></li>
+</ol>
+<ol reversed>
+ <div></div>
+ <div style="counter-increment: list-item -1"></div>
+ <div></div>
+ <li style="counter-increment: list-item -2"><span></span></li>
+ <div></div>
+ <li style="counter-increment: list-item 0; counter-set: list-item 5"><span></span></li>
+ <li style="counter-increment: list-item -1"><span></span></li>
+ <li style="counter-increment: list-item -8"><span></span></li>
+ <div style="counter-increment: list-item 11; counter-set: list-item 99"></div>
+</ol>
+<ol reversed>
+ <div></div>
+ <li style="counter-increment: list-item 2; counter-set: list-item 5"></li>
+ <div></div>
+ <li style="counter-increment: list-item 2"></li>
+ <div></div>
+ <li style="counter-increment: list-item 2"></li>
+ <div></div>
+</ol>
+<ol reversed>
+ <li style="counter-increment: list-item 3"></li>
+ <li style="counter-increment: list-item 1"></li>
+ <div></div>
+ <div style="counter-increment: list-item 4"></div>
+ <div></div>
+ <div></div>
+ <li style="counter-increment: list-item 0; counter-set: list-item 5"><span></span></li>
+ <div style="counter-increment: list-item 11; counter-set: list-item 99"></div>
+</ol>