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

   1 <!DOCTYPE html>
   2 <p style="text-decoration-style: dotted;">
   3   Here is specified the decoration style as dotted but no decoration lines,
   4   however,
   5   <span style="font-size: 2em;
   6                text-decoration: underline line-through overline;">
   7     here has solid decoration lines</span>, and here has no decoration lines.
   8 </p>
   9 <p style="text-decoration-style: dashed;">
  10   Here is specified the decoration style as dashed but no decoration lines,
  11   however,
  12   <span style="font-size: 2em;
  13                text-decoration: underline line-through overline;
  14                text-decoration-style: inherit;">
  15     here has inherited decoration lines</span>,
  16   and here has no decoration lines.
  17 </p>
  18 <p style="text-decoration: underline line-through overline;
  19           text-decoration-style: double;">
  20   Here has double decoration lines,
  21   <span style="font-size: 2em;
  22                text-decoration-style: dashed;">
  23     here is specified as dashed decoration lines but should be ignored</span>,
  24   and here has double decoration lines.
  25 </p>
  26 <p style="text-decoration: underline line-through overline;
  27           text-decoration-style: -moz-none;">
  28   Here is specified the decoration style as -moz-none.
  29 </p>
  30 <p style="text-decoration-style: dotted;
  31           text-decoration: underline line-through overline;">
  32   Here has solid decoration lines even if its style is specified as dotted
  33   before text-decoration.
  34 </p>