layout/reftests/text-decoration/decoration-style-quirks.html

   1 <style>
   2  p{
   3      text-decoration-skip-ink: none;
   4  }
   5 </style>
   6 <p style="text-decoration-style: dotted;">
   7   Here is specified the decoration style as dotted but no decoration lines, however,
   8   <span style="font-size: 2em;
   9                text-decoration: underline line-through overline;">
  10     here has solid decoration lines</span>,
  11   and here has no decoration lines.
  12 </p>
  13 <p style="text-decoration-style: dashed;">
  14   Here is specified the decoration style as dashed but no decoration lines,
  15   however,
  16   <span style="font-size: 2em;
  17                text-decoration: underline line-through overline;
  18                text-decoration-style: inherit;">
  19     here has inherited decoration lines</span>,
  20   and here has no decoration lines.
  21 </p>
  22 <p style="text-decoration: underline line-through overline;
  23           text-decoration-style: dotted;">
  24   Here has dotted decoration lines,
  25   <span style="font-size: 2em;
  26                text-decoration: underline line-through overline;
  27                text-decoration-style: wavy;">
  28     here has wavy decoration lines</span>,
  29   and here has dotted decoration lines.
  30 </p>
  31 <p style="text-decoration: underline line-through overline;
  32           text-decoration-style: double;">
  33   Here has double decoration lines,
  34   <span style="font-size: 2em;
  35                text-decoration-style: dashed;">
  36     here is specified as dashed decoration lines but should be ignored</span>,
  37   and here has double decoration lines.
  38 </p>
  39 <p style="text-decoration: underline line-through overline;
  40           text-decoration-style: -moz-none;">
  41   Here is specified the decoration style as -moz-none.
  42 </p>
  43 <p style="text-decoration-style: dotted;
  44           text-decoration: underline line-through overline;">
  45   Here has solid decoration lines even if its style is specified as dotted
  46   before text-decoration.
  47 </p>