summaryrefslogtreecommitdiffstats
path: root/layout/reftests/text-decoration/decoration-style-quirks.html
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/text-decoration/decoration-style-quirks.html')
-rw-r--r--layout/reftests/text-decoration/decoration-style-quirks.html47
1 files changed, 47 insertions, 0 deletions
diff --git a/layout/reftests/text-decoration/decoration-style-quirks.html b/layout/reftests/text-decoration/decoration-style-quirks.html
new file mode 100644
index 0000000000..a2c9bf6e62
--- /dev/null
+++ b/layout/reftests/text-decoration/decoration-style-quirks.html
@@ -0,0 +1,47 @@
+<style>
+ p{
+ text-decoration-skip-ink: none;
+ }
+</style>
+<p style="text-decoration-style: dotted;">
+ Here is specified the decoration style as dotted but no decoration lines, however,
+ <span style="font-size: 2em;
+ text-decoration: underline line-through overline;">
+ here has solid decoration lines</span>,
+ and here has no decoration lines.
+</p>
+<p style="text-decoration-style: dashed;">
+ Here is specified the decoration style as dashed but no decoration lines,
+ however,
+ <span style="font-size: 2em;
+ text-decoration: underline line-through overline;
+ text-decoration-style: inherit;">
+ here has inherited decoration lines</span>,
+ and here has no decoration lines.
+</p>
+<p style="text-decoration: underline line-through overline;
+ text-decoration-style: dotted;">
+ Here has dotted decoration lines,
+ <span style="font-size: 2em;
+ text-decoration: underline line-through overline;
+ text-decoration-style: wavy;">
+ here has wavy decoration lines</span>,
+ and here has dotted decoration lines.
+</p>
+<p style="text-decoration: underline line-through overline;
+ text-decoration-style: double;">
+ Here has double decoration lines,
+ <span style="font-size: 2em;
+ text-decoration-style: dashed;">
+ here is specified as dashed decoration lines but should be ignored</span>,
+ and here has double decoration lines.
+</p>
+<p style="text-decoration: underline line-through overline;
+ text-decoration-style: -moz-none;">
+ Here is specified the decoration style as -moz-none.
+</p>
+<p style="text-decoration-style: dotted;
+ text-decoration: underline line-through overline;">
+ Here has solid decoration lines even if its style is specified as dotted
+ before text-decoration.
+</p>