Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(46)

Unified Diff: third_party/WebKit/LayoutTests/fast/css3-text/css3-text-decoration/text-decoration-style-inherit.html

Issue 1328283005: Add support for multiple text decorations with same line positioning (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Rebase Created 5 years ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/fast/css3-text/css3-text-decoration/text-decoration-style-inherit-expected.txt » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: third_party/WebKit/LayoutTests/fast/css3-text/css3-text-decoration/text-decoration-style-inherit.html
diff --git a/third_party/WebKit/LayoutTests/fast/css3-text/css3-text-decoration/text-decoration-style-inherit.html b/third_party/WebKit/LayoutTests/fast/css3-text/css3-text-decoration/text-decoration-style-inherit.html
new file mode 100644
index 0000000000000000000000000000000000000000..26fb3be3fb4fb88e1acbcfcd1234fba908a73e05
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/css3-text/css3-text-decoration/text-decoration-style-inherit.html
@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<script>
+if (window.testRunner)
+ testRunner.dumpAsTextWithPixelResults();
+</script>
+
+<style>
+/* Make decorations bigger so they are easier to see */
+body {
+ font-size: 15px;
+}
+body > div {
+ margin-bottom: 15px;
+}
+</style>
+
+<!-- Adding new text decorations paint over previous ones-->
+<div style="text-decoration: underline red;">
+ <div style="text-decoration: underline wavy green;">
+ Solid red underline, wavy green underline on top.
+ </div>
+</div>
+
+<div style="text-decoration: overline line-through red;">
+ <div style="text-decoration: line-through underline wavy green;">
+ Solid red overline, solid red line-through, wavy green line-through on top, wavy green underline.
+ </div>
+</div>
+
+<div style="text-decoration: underline wavy green;">
+ <div style="text-decoration: underline red;">
+ Wavy green underline, solid red underline on top.
+ </div>
+</div>
+
+<div style="text-decoration: underline red;">
+ <div style="text-decoration: underline wavy green;">
+ Solid red underline, wavy green underline on top.
+ </div>
+</div>
+
+<div style="text-decoration: underline red;">
+ <div>
+ <div style="text-decoration: underline wavy green;">
+ Solid red underline, wavy green underline on top.
+ </div>
+ </div>
+</div>
+
+<div style="text-decoration: underline;">
+ <div style="color: red;">
+ Solid black underline with red text.
+ </div>
+</div>
+
+<div style="color: red;">
+ <div style="text-decoration: underline;">
+ Solid red underline with red text.
+ </div>
+</div>
+
+<div style="text-decoration: underline;">
+ <div style="text-decoration: red wavy underline;">
+ Solid black underline, red wavy underline on top.
+ </div>
+</div>
+
+<div style="text-decoration: red wavy underline;">
+ <div style="text-decoration: underline;">
+ Solid red wavy underline, black underline on top.
+ </div>
+</div>
+
+<div style="text-decoration: green wavy underline;">
+ <div style="text-decoration: underline;">
+ <div style="text-decoration: red dashed underline;">
+ Wavy green underline, with a solid black underline on top, with a red dashed underline on top.
+ </div>
+ </div>
+</div>
+
+<div style="text-decoration: underline;">
+ <div style="color: red;">
+ <div style="text-decoration: underline dotted;">
+ <div style="color: blue;">
+ <div style="text-decoration: underline wavy green;">
+ <div style="text-decoration: underline dashed;">
+ Solid black underline, with a red dotted underline on top, with a wavy green underline on top, with a blue dashed underline on top.
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
+<div style="text-decoration: underline;">
+ <div style="text-decoration: underline wavy blue;">
+ Solid black underline, wavy blue underline on top.
+ </div>
+</div>
+
+<div style="text-decoration: underline; color: green;">
+ <div style="text-decoration: underline wavy blue;">
+ Solid green underline, wavy blue underline on top, green text.
+ </div>
+</div>
+
+<div style="text-decoration: underline; color: green;">
+ <div style="text-decoration: underline wavy;">
+ Solid green underline, wavy green underline on top, green text.
+ </div>
+</div>
+
+<div style="color: green;">
+ <div style="text-decoration: underline overline wavy;">
+ Wavy green underline and overline, green text.
+ </div>
+</div>
+
+<div style="text-decoration: underline overline wavy;">
+ <div style="color: green;">
+ Wavy black underline and overline, green text.
+ </div>
+</div>
+
+<div style="text-decoration: underline overline wavy;">
+ <div style="color: green; text-decoration: underline;">
+ Wavy black underline and overline, solid green underline on top, green text.
+ </div>
+</div>
+
+<div style="text-decoration: underline overline wavy;">
+ <div style="color: green; text-decoration: underline blue;">
+ Wavy black underline and overline, solid blue underline on top, green text.
+ </div>
+</div>
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/fast/css3-text/css3-text-decoration/text-decoration-style-inherit-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698