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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css3-text/css3-text-decoration/text-decoration-skip.html

Issue 2416993002: Introduce support for text-decoration-skip: ink (Closed)
Patch Set: Falling back to adding rebaseline expectation Created 4 years, 1 month 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 | « third_party/WebKit/LayoutTests/TestExpectations ('k') | third_party/WebKit/LayoutTests/fast/css3-text/css3-text-decoration/text-decoration-skip-expected.png » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <meta charset="utf-8">
3 <style>
4 .decoration {
5 font-family: Ahem, sans-serif;
6 font-size: 24px;
7 text-decoration-skip: ink;
8 text-decoration-color: green;
9 color: #0F0F0F;
10 }
11
12 .all {
13 text-decoration-line: underline overline line-through;
14 -webkit-text-decoration-line: underline overline line-through;
15 }
16
17 .solid {
18 text-decoration-style: solid;
19 }
20
21 .double {
22 text-decoration-style: double;
23 }
24
25 .dotted {
26 text-decoration-style: dotted;
27 }
28
29 .dashed {
30 text-decoration-style: dashed;
31 }
32
33 .wavy {
34 text-decoration-style: wavy;
35 }
36
37 .gridcell {
38 flex: 1;
39 }
40
41 .vert {
42 writing-mode: vertical-lr;
43 }
44
45 .upright {
46 text-orientation: upright;
47 }
48
49 .red {
50 text-decoration-color: red;
51 }
52 </style>
53 <!-- Green line decorations should skip glyph shapes above and below the baselin e,
54 red line decoration show the upright in vertical case where this does not wo rk yet, see crbug.com/655154 -->
55 <div style="display: flex;">
56 <div class="gridcell">
57 <p class="decoration all solid">Ép Ép Ép</p>
58 <p class="decoration all double">Ép Ép Ép</p>
59 <p class="decoration all dashed">Ép Ép Ép</p>
60 <p class="decoration all dotted">Ép Ép Ép</p>
61 <p class="decoration all wavy">Ép Ép Ép</p>
62 </div>
63 <div class="gridcell vert">
64 <p class="decoration all solid">Ép Ép Ép</p>
65 <p class="decoration all double">Ép Ép Ép</p>
66 <p class="decoration all dashed">Ép Ép Ép</p>
67 <p class="decoration all dotted">Ép Ép Ép</p>
68 <p class="decoration all wavy">Ép Ép Ép</p>
69 </div>
70 <div class="gridcell vert">
71 <p><span class="decoration all solid">Ép </span><span class="decoration all solid red upright">Ép </span><span class="decoration all solid">Ép</span></p >
72 <p><span class="decoration all double">Ép </span><span class="decoration all double red upright">Ép </span><span class="decoration all double">Ép</span> </p>
73 <p><span class="decoration all dashed">Ép </span><span class="decoration all dashed red upright">Ép </span><span class="decoration all dashed">Ép</span> </p>
74 <p><span class="decoration all dotted">Ép </span><span class="decoration all dotted red upright">Ép </span><span class="decoration all dotted">Ép</span> </p>
75 <p><span class="decoration all wavy">Ép </span><span class="decoration a ll wavy red upright">Ép </span><span class="decoration all wavy">Ép</span></p>
76 </div>
77 </div>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/TestExpectations ('k') | third_party/WebKit/LayoutTests/fast/css3-text/css3-text-decoration/text-decoration-skip-expected.png » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698