summaryrefslogtreecommitdiffstats
path: root/layout/reftests/counter-style/symbols-function.html
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/counter-style/symbols-function.html')
-rw-r--r--layout/reftests/counter-style/symbols-function.html67
1 files changed, 67 insertions, 0 deletions
diff --git a/layout/reftests/counter-style/symbols-function.html b/layout/reftests/counter-style/symbols-function.html
new file mode 100644
index 000000000..442e07f90
--- /dev/null
+++ b/layout/reftests/counter-style/symbols-function.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<link rel="stylesheet" href="test-common.css">
+<style type="text/css">
+ .default {
+ list-style-type: symbols('*' '\2020' '\2021' '\A7');
+ }
+ .cyclic {
+ list-style-type: symbols(cyclic '*' '\2020' '\2021' '\A7');
+ }
+ .numeric {
+ list-style-type: symbols(numeric '0' '1' '2');
+ }
+ .alphabetic {
+ list-style-type: symbols(alphabetic '\26AA' '\26AB');
+ }
+ .symbolic {
+ list-style-type: symbols(symbolic '*' '\2020' '\2021' '\A7');
+ }
+ .fixed {
+ list-style-type: symbols(fixed '\25F0' '\25F1' '\25F2' '\25F3');
+ }
+ .counter, .counters {
+ list-style-type: none;
+ counter-reset: a;
+ }
+ .counter li, .counters li {
+ counter-increment: a;
+ padding-right: .5em;
+ }
+ .counter li::after {
+ content: counter(a, symbols('*'));
+ }
+ .counters .counters li::after {
+ content: counters(a, '.', symbols(numeric '0' '1'));
+ }
+</style>
+<ol start="-2" class="default">
+ <li><li><li><li><li>
+ <li><li><li><li><li>
+</ol>
+<ol start="-2" class="cyclic">
+ <li><li><li><li><li>
+ <li><li><li><li><li>
+</ol>
+<ol start="-2" class="numeric">
+ <li><li><li><li><li>
+ <li><li><li><li><li>
+</ol>
+<ol start="-2" class="alphabetic">
+ <li><li><li><li><li>
+ <li><li><li><li><li>
+</ol>
+<ol start="-2" class="symbolic">
+ <li><li><li><li><li>
+ <li><li><li><li><li>
+</ol>
+<ol start="-2" class="fixed">
+ <li><li><li><li><li>
+ <li><li><li><li><li>
+</ol>
+<ol class="counter">
+ <li><li><li><li><li>
+</ol>
+<ol class="counters">
+ <li><ol class="counters"><li><li><li><li><li></ol></li>
+ <li><ol class="counters"><li><li><li><li><li></ol></li>
+</ol>