Chromium Code Reviews Chromium Code Reviews
Issue 219633002:
Proper support for multiple text decorations. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master| 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..0473fa39753c49bb11a5b283b02d2c427b607d51 |
| --- /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 > span:last-child { text-decoration: underline double coral; } |
| + #t1 > span:last-child > span { text-decoration: underline solid skyblue; } |
| + #t1 > span:last-child > span > span { text-decoration: underline wavy green; } |
| + |
| + #t2 > span:last-child { text-decoration: underline; } |
| + #t2 > span:last-child > span { text-decoration: underline wavy skyblue; } |
| + #t2 > span:last-child > span > span { text-decoration: underline dashed green; } |
| + |
| + #t3 > span:last-child { text-decoration: underline; } |
| + #t3 > span:last-child > span { text-decoration: underline wavy skyblue; } |
| + #t3 > span:last-child > span > span { text-decoration: underline; color: coral; } |
| + #t3 > span:last-child > span > span > span { text-decoration: underline dotted green; color: #aaa; } |
|
esprehn
2014/03/31 17:41:24
Lets use ids instead of these selectors, it's too
|
| + |
| +</style> |
| +<div id="t1"><span>AAAA</span><span>AAAA</span><span>AAAA</span><span><span><span>AAAA</span></span></span></div> |
| +<div id="t2"><span>AAAA</span><span>AAAA</span><span>AAAA</span><span><span><span>AAAA</span></span></span></div> |
| +<div id="t3"><span>AAAA</span><span>AAAA</span><span>AAAA</span><span>AAAA</span><span><span><span><span>AAAA</span></span></span></span></div> |
