diff options
Diffstat (limited to 'layout/reftests/text-decoration/decoration-color-standards-ref.html')
-rw-r--r-- | layout/reftests/text-decoration/decoration-color-standards-ref.html | 77 |
1 files changed, 77 insertions, 0 deletions
diff --git a/layout/reftests/text-decoration/decoration-color-standards-ref.html b/layout/reftests/text-decoration/decoration-color-standards-ref.html new file mode 100644 index 0000000000..f478fb5083 --- /dev/null +++ b/layout/reftests/text-decoration/decoration-color-standards-ref.html @@ -0,0 +1,77 @@ +<!DOCTYPE html> +<style> + *{ + text-decoration-skip-ink: none; + } +</style> +<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: red;"> + here is red text with red 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> |