diff options
Diffstat (limited to 'layout/reftests/counter-style/symbols-function-ref.html')
-rw-r--r-- | layout/reftests/counter-style/symbols-function-ref.html | 86 |
1 files changed, 86 insertions, 0 deletions
diff --git a/layout/reftests/counter-style/symbols-function-ref.html b/layout/reftests/counter-style/symbols-function-ref.html new file mode 100644 index 000000000..9383c4310 --- /dev/null +++ b/layout/reftests/counter-style/symbols-function-ref.html @@ -0,0 +1,86 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style cyclic { + system: cyclic; + symbols: '*' '\2020' '\2021' '\A7'; + suffix: ' '; + } + @counter-style numeric { + system: numeric; + symbols: '0' '1' '2'; + suffix: ' '; + } + @counter-style alphabetic { + system: alphabetic; + symbols: '\26AA' '\26AB'; + suffix: ' '; + } + @counter-style symbolic { + system: symbolic; + symbols: '*' '\2020' '\2021' '\A7'; + suffix: ' '; + } + @counter-style fixed { + system: fixed; + symbols: '\25F0' '\25F1' '\25F2' '\25F3'; + suffix: ' '; + } + @counter-style counter { + symbols: '*'; + } + @counter-style counters { + system: numeric; + symbols: '0' '1'; + } + .counter { counter-reset: a; } + .counter p { counter-increment: a 1; } + .counter p::after { + content: counter(a, counter); + } + .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, counter); + } + .counters .counters li::after { + content: counters(a, '.', counters); + } +</style> +<ol start="-2" style="list-style-type: symbolic"> + <li><li><li><li><li> + <li><li><li><li><li> +</ol> +<ol start="-2" style="list-style-type: cyclic"> + <li><li><li><li><li> + <li><li><li><li><li> +</ol> +<ol start="-2" style="list-style-type: numeric"> + <li><li><li><li><li> + <li><li><li><li><li> +</ol> +<ol start="-2" style="list-style-type: alphabetic"> + <li><li><li><li><li> + <li><li><li><li><li> +</ol> +<ol start="-2" style="list-style-type: symbolic"> + <li><li><li><li><li> + <li><li><li><li><li> +</ol> +<ol start="-2" style="list-style-type: 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> |