summaryrefslogtreecommitdiffstats
path: root/layout/reftests/text-decoration/decoration-style-quirks-ref.html
blob: cc2ee3df07607551ee2b4ae5e048f56a2211d7d1 (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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<style>
 p{
     text-decoration-skip-ink: none;
 }
</style>
<p>
  Here is specified the decoration style as dotted but no decoration lines,
  however,
  <span style="font-size: 2em;
               text-decoration: underline line-through overline;
               text-decoration-style: solid;">
    here has solid decoration lines</span>,
  and here has no decoration lines.
</p>
<p>
  Here is specified the decoration style as dashed but no decoration lines,
  however,
  <span style="font-size: 2em;
               text-decoration: underline line-through overline;
               text-decoration-style: dashed;">
    here has inherited decoration lines</span>,
  and here has no decoration lines.
</p>
<p>
  <span style="text-decoration: underline line-through overline;
               text-decoration-style: dotted;">
    Here has dotted decoration lines,
  </span><span style="text-decoration: underline line-through overline;
					  text-decoration-style: dotted">
   <span style="font-size: 2em;
                text-decoration: underline line-through overline;
                text-decoration-style: wavy;">
    here has wavy decoration
    lines</span></span><span style="text-decoration: underline line-through overline;
                             text-decoration-style: dotted;">,
    and here has dotted decoration lines.</span>
</p>
<p>
  <span style="text-decoration: underline line-through overline;
               text-decoration-style: double;">
    Here has double decoration lines,
  <span style="font-size: 2em;">
    here is specified as dashed decoration lines but should be
    ignored</span><span style="text-decoration: underline line-through overline;
                               text-decoration-style: double;">,
    and here has double decoration lines.</span></span>
</p>
<p>
  Here is specified the decoration style as -moz-none.
</p>
<p style="text-decoration: underline line-through overline;">
  Here has solid decoration lines even if its style is specified as dotted
  before text-decoration.
</p>