summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-lists/foo-counter-reversed-008a.html
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/css-lists/foo-counter-reversed-008a.html')
-rw-r--r--testing/web-platform/tests/css/css-lists/foo-counter-reversed-008a.html47
1 files changed, 47 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-lists/foo-counter-reversed-008a.html b/testing/web-platform/tests/css/css-lists/foo-counter-reversed-008a.html
new file mode 100644
index 0000000000..9a597139a2
--- /dev/null
+++ b/testing/web-platform/tests/css/css-lists/foo-counter-reversed-008a.html
@@ -0,0 +1,47 @@
+<!doctype html>
+<title></title>
+<link rel="help" href="https://drafts.csswg.org/css-lists/#instantiating-counters">
+<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;
+}
+::marker {
+ content: counter(foo) ". ";
+}
+ol::before, li::before {
+ content: counters(foo,".");
+}
+ol[reversed] {
+ counter-reset: reversed(foo);
+}
+li {
+ counter-increment: foo -1;
+}
+</style>
+<ol reversed>
+ <li style="counter-increment: foo -2">
+ <li style="counter-increment: foo -2">
+ <li style="counter-set: foo 5"><!-- note: there's an implicit -1 increment here -->
+ <li style="counter-increment: foo -2">
+</ol>
+<ol reversed>
+ <li style="counter-increment: foo -3">
+ <li style="counter-increment: foo -2; counter-set: foo 5">
+ <li style="counter-increment: foo -1">
+ <li style="counter-increment: foo -8">
+</ol>
+<ol reversed>
+ <li style="counter-increment: foo 2; counter-set: foo 5">
+ <li style="counter-increment: foo 2">
+ <li style="counter-increment: foo 2">
+</ol>
+<ol reversed>
+ <li style="counter-increment: foo 3">
+ <li style="counter-increment: foo 1">
+ <li style="counter-increment: foo 8; counter-set: foo 5">
+</ol>