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

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