layout/reftests/text-decoration/decoration-color-quirks-ref.html
author Chris Peterson <cpeterson@mozilla.com>
Fri, 27 Nov 2015 20:49:55 -0800
changeset 311578 a1bf9a99ec4b309c91eb08b43a0e61c338616239
parent 242647 ecc30ea0f2c136612eb5d9aa972ad692cbf6414a
child 360837 e99d54b3fabd9ca869df0145f113f566ca5003bf
permissions -rw-r--r--
Bug 1228947 - Replace mfbt/Constants.h with math.h. r=roc

<p style="color: #008000;
          text-decoration: underline line-through overline;">
  <span style="color: #0000FF;">This blue text has green decoration lines</span>
</p>
<p style="color: yellow;
          text-decoration: underline line-through overline;">
  <span style="color: red;">This red text has yellow decoration lines</span>
</p>
<p style="color: red; text-decoration: underline line-through overline;">
  <span style="color: #0000FF">This blue text has red lines</span>
</p>
<p style="color: orange;">
  This orange text has transparent lines
</p>
<p>
  Here is no decoration lines, but
  <span style="font-size: 2em;
               color: green;
               text-decoration: underline line-through overline;">
    <span style="color: blue;">
      this blue text has green decoration lines</span></span>,
  and here is no decoration lines too.
</p>
<p style="color: red;">
  This is red paragraph and here is no decoration lines, but
  <span style="font-size: 2em;
               color: green;
               text-decoration: underline line-through overline;">
    <span style="color: red;">here are green decoration lines</span></span>,
  and here is no decoration lines too.
</p>
<p style="color: purple;
          text-decoration: underline line-through overline;">
  This is purple paragraph and here are decoration lines of current color, but
  <span style="font-size: 2em;
               color: red;
               text-decoration: underline line-through overline;">
    <span style="color: purple;">here are red decoration lines</span></span>,
  and here are current color decoration lines.
</p>
<p style="color: green;
          text-decoration: underline line-through overline;">
  This is green paragraph and here are decoration lines of current color, and
  <span style="font-size: 2em;">
    here is specified red decoration color but has current color lines</span>,
  and here are current color decoration lines.
</p>
<p style="color: blue;">
  This is blue paragraph,
  <span style="font-size:2em;
               color: red;
               text-decoration: underline line-through overline;
               text-decoration-color: blue;">
    here is red text with blue decoration lines</span>,
  and here is blue text without decoration lines.
</p>
<p style="color: blue;">
  This is blue paragraph and decoration color is specified as green,
  <span style="font-size:2em;
               color: red;
               text-decoration: underline line-through overline;
               text-decoration-color: green;">
    here is red text with green decoration lines</span>,
  and here is blue text without decoration lines.
</p>
<p style="color: blue;
          text-decoration: underline line-through overline;">
  Here has blue decoration lines even though its color is specified as red
  before text-decoration.
</p>