summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/disclosure-styles-ref.html
blob: a1dafa7560fbe424bbf160e4484603e973dbf0e3 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<meta charset="UTF-8">
<title>CSS Reference: symbols function, invalid</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
<style type="text/css">
  @counter-style disclosure-closed2-ltr {
    system: cyclic;
    symbols: \25b8;
    suffix: ' ';
  }
  @counter-style disclosure-closed2-rtl {
    system: cyclic;
    symbols: \25c2;
    suffix: ' ';
  }
  @counter-style disclosure-open2 {
    system: cyclic;
    symbols: \25be;
    suffix: ' ';
  }
  .open { list-style-type: disclosure-open2; }
  .closed:dir(ltr) { list-style-type: disclosure-closed2-ltr; }
  .closed:dir(rtl) { list-style-type: disclosure-closed2-rtl; }
  ul {
    padding: 0;
    list-style-position: inside;
  }
</style>
<ul dir="ltr">
  <li class="closed">closed ltr
  <li class="open">open ltr
</ul>
<ul dir="rtl">
  <li class="closed">closed rtl
  <li class="open">open rtl
</ul>
<p dir="ltr">&#x25b8;&nbsp;closed ltr
<p dir="rtl">&#x25c2;&nbsp;closed rtl