Index: LayoutTests/fast/css3-text/css3-text-decoration/text-decoration-style-multiple-overlap.html |
diff --git a/LayoutTests/fast/css3-text/css3-text-decoration/text-decoration-style-multiple-overlap.html b/LayoutTests/fast/css3-text/css3-text-decoration/text-decoration-style-multiple-overlap.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..6b0502ec1a69a11d5d7fa6bacc2568deb943871c |
--- /dev/null |
+++ b/LayoutTests/fast/css3-text/css3-text-decoration/text-decoration-style-multiple-overlap.html |
@@ -0,0 +1,30 @@ |
+<!doctype html> |
+<style> |
+ div { |
+ color: #aaa; |
+ font-size: 50px; |
+ position: relative; |
+ display: block; |
+ width: 200px; |
+ height: 100px; |
+ } |
+ |
+ div > span { position: absolute; } |
+ |
+ #t1 .d1 { text-decoration: underline double coral; } |
+ #t1 .d2 { text-decoration: underline solid skyblue; } |
+ #t1 .d3 { text-decoration: underline wavy green; } |
+ |
+ #t2 .d1 { text-decoration: underline; } |
+ #t2 .d2 { text-decoration: underline wavy skyblue; } |
+ #t2 .d3 { text-decoration: underline dashed green; } |
+ |
+ #t3 .d1 { text-decoration: underline; } |
+ #t3 .d2 { text-decoration: underline wavy skyblue; } |
+ #t3 .d3 { text-decoration: underline; color: coral; } |
+ #t3 .d4 { text-decoration: underline dotted green; color: #aaa; } |
+ |
+</style> |
+<div id="t1"><span>AAAA</span><span>AAAA</span><span>AAAA</span><span class="d1"><span class="d2"><span class="d3">AAAA</span></span></span></div> |
+<div id="t2"><span>AAAA</span><span>AAAA</span><span>AAAA</span><span class="d1"><span class="d2"><span class="d3">AAAA</span></span></span></div> |
+<div id="t3"><span>AAAA</span><span>AAAA</span><span>AAAA</span><span>AAAA</span><span class="d1"><span class="d2"><span class="d3"><span class="d4">AAAA</span></span></span></span></div> |