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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/css3-text/css3-text-decoration/text-decoration-color.html

Issue 14576017: Implement CSS3TextDecorations runtime flag in favor of CSS3_TEXT (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Removed updated on text-underline-position for now (to be discussed & re-added later) Created 7 years, 7 months 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 unified diff | Download patch
« no previous file with comments | « LayoutTests/fast/css3-text/css3-text-decoration/repaint/repaint-text-decoration-style.html ('k') | LayoutTests/fast/css3-text/css3-text-decoration/text-decoration-line.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <title>CSS Test: CSS3 text-decoration-color</title> 4 <title>CSS Test: CSS3 text-decoration-color</title>
5 <style> 5 <style>
6 .underline { 6 .underline {
7 text-decoration: underline; 7 text-decoration: underline;
8 } 8 }
9 .overline { 9 .overline {
10 text-decoration: overline; 10 text-decoration: overline;
11 } 11 }
12 .line-through { 12 .line-through {
13 text-decoration: line-through; 13 text-decoration: line-through;
14 } 14 }
15 #blue-underline { 15 #blue-underline {
16 text-decoration: underline; 16 text-decoration: underline;
17 -webkit-text-decoration-color: blue; 17 text-decoration-color: blue;
18 } 18 }
19 #gray-overline { 19 #gray-overline {
20 text-decoration: overline; 20 text-decoration: overline;
21 -webkit-text-decoration-color: gray; 21 text-decoration-color: gray;
22 } 22 }
23 #green-line-through { 23 #green-line-through {
24 text-decoration: line-through; 24 text-decoration: line-through;
25 -webkit-text-decoration-color: green; 25 text-decoration-color: green;
26 } 26 }
27 #transparent-fill { 27 #transparent-fill {
28 -webkit-text-fill-color: transparent; 28 -webkit-text-fill-color: transparent;
29 -webkit-text-stroke-width: 1px; 29 -webkit-text-stroke-width: 1px;
30 -webkit-text-stroke-color: black; 30 -webkit-text-stroke-color: black;
31 } 31 }
32 </style> 32 </style>
33 </head> 33 </head>
34 <body> 34 <body>
35 <h3>Each line of this test should match its text decoration color descri ption:</h3> 35 <h3>Each line of this test should match its text decoration color descri ption:</h3>
36 36
37 <!-- Valid values for underline, overline and line-through text decorati on lines --> 37 <!-- Valid values for underline, overline and line-through text decorati on lines -->
38 <div class="underline" style="color: gray; -webkit-text-decoration-color : blue;">Gray text with blue underline</div><br/> 38 <div class="underline" style="color: gray; text-decoration-color: blue;" >Gray text with blue underline</div><br/>
39 <div class="overline" style="color: green; -webkit-text-decoration-color : black;">Green text with black overline</div><br/> 39 <div class="overline" style="color: green; text-decoration-color: black; ">Green text with black overline</div><br/>
40 <div class="line-through" style="-webkit-text-decoration-color: gold;">B lack text with gold line-through</div><br/> 40 <div class="line-through" style="text-decoration-color: gold;">Black tex t with gold line-through</div><br/>
41 41
42 <!-- Mix of underline, overline and line-through with different colors f or each --> 42 <!-- Mix of underline, overline and line-through with different colors f or each -->
43 <div> 43 <div>
44 <span id="blue-underline"> 44 <span id="blue-underline">
45 <span id="gray-overline"> 45 <span id="gray-overline">
46 <span id="green-line-through">Black text with blue underline , gray overline and green line-through</span> 46 <span id="green-line-through">Black text with blue underline , gray overline and green line-through</span>
47 </span> 47 </span>
48 </span> 48 </span>
49 </div><br/> 49 </div><br/>
50 50
51 <!-- Test behavior on subscript and superscript text --> 51 <!-- Test behavior on subscript and superscript text -->
52 <div> 52 <div>
53 <span id="green-line-through"> 53 <span id="green-line-through">
54 <sub id="gray-overline">subscript text</sub> 54 <sub id="gray-overline">subscript text</sub>
55 <sup id="blue-underline">superscript text</sup> 55 <sup id="blue-underline">superscript text</sup>
56 </span> 56 </span>
57 </div><br/> 57 </div><br/>
58 58
59 <!-- Test with text-fill-color and text-stroke-color values set --> 59 <!-- Test with text-fill-color and text-stroke-color values set -->
60 <div class="underline" id="transparent-fill" style="-webkit-text-decorat ion-color: green;">Transparent fill with black stroke text and green underline</ div><br/> 60 <div class="underline" id="transparent-fill" style="text-decoration-colo r: green;">Transparent fill with black stroke text and green underline</div><br/ >
61 </body> 61 </body>
62 </html> 62 </html>
OLDNEW
« no previous file with comments | « LayoutTests/fast/css3-text/css3-text-decoration/repaint/repaint-text-decoration-style.html ('k') | LayoutTests/fast/css3-text/css3-text-decoration/text-decoration-line.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698