LayoutTests/fast/css3-text/css3-text-decoration/text-decoration-line.html - Issue 14576017: Implement CSS3TextDecorations runtime flag in favor of CSS3_TEXT

Side by Side Diff: LayoutTests/fast/css3-text/css3-text-decoration/text-decoration-line.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/text-decoration-color.html ('k') | LayoutTests/fast/css3-text/css3-text-decoration/text-decoration-line-expected.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <html>	1 <html>

2 <head>	2 <head>

3 <style>	3 <style>

4 .none { text-decoration: none; }	4 .none { text-decoration: none; }

5 .underline { text-decoration: underline; }	5 .underline { text-decoration: underline; }

6 .overline { text-decoration: overline; }	6 .overline { text-decoration: overline; }

7 .line-through { text-decoration: line-through; }	7 .line-through { text-decoration: line-through; }

8 .all-decorations { text-decoration: underline overline line-through; }	8 .all-decorations { text-decoration: underline overline line-through; }

9 </style>	9 </style>

10 </head>	10 </head>

11 <body>	11 <body>

12 <div>Each line of this test should match its style description (<i>-webkit-t ext-decoration-line</i> resets <i>text-decoration</i>, except when the latter is set as <i>important</i>):</div><br/>	12 <div>Each line of this test should match its style description (<i>text-deco ration-line</i> resets <i>text-decoration</i>, except when the latter is set as <i>important</i>):</div><br/>

13 <div style="-webkit-text-decoration-line: underline;">This text is underline d <span class="none">(also inside span).</span></div><br/>	13 <div style="text-decoration-line: underline;">This text is underlined <span class="none">(also inside span).</span></div><br/>

14 <div style="-webkit-text-decoration-line: overline;">This text is overlined <span class="none">(also inside span).</span></div><br/>	14 <div style="text-decoration-line: overline;">This text is overlined <span cl ass="none">(also inside span).</span></div><br/>

15 <div style="-webkit-text-decoration-line: line-through;">This text has a lin e-through <span class="none">(also inside span).</span></div><br/>	15 <div style="text-decoration-line: line-through;">This text has a line-throug h <span class="none">(also inside span).</span></div><br/>

16 <div class="underline" style="-webkit-text-decoration-line: none;">This text contains no decorations.</div><br/>	16 <div class="underline" style="text-decoration-line: none;">This text contain s no decorations.</div><br/>

17 <div class="underline" style="-webkit-text-decoration-line: underline;">This text is underlined.</div><br/>	17 <div class="underline" style="text-decoration-line: underline;">This text is underlined.</div><br/>

18 <div class="overline" style="-webkit-text-decoration-line: none;">This text contains no decorations.</div><br/>	18 <div class="overline" style="text-decoration-line: none;">This text contains no decorations.</div><br/>

19 <div class="overline" style="-webkit-text-decoration-line: overline;">This t ext is overlined.</div><br/>	19 <div class="overline" style="text-decoration-line: overline;">This text is o verlined.</div><br/>

20 <div class="line-through" style="-webkit-text-decoration-line: none;">This t ext contains no decorations.</div><br/>	20 <div class="line-through" style="text-decoration-line: none;">This text cont ains no decorations.</div><br/>

21 <div class="line-through" style="-webkit-text-decoration-line: line-through; ">This text has a line-through.</div><br/>	21 <div class="line-through" style="text-decoration-line: line-through;">This t ext has a line-through.</div><br/>

22 <div class="all-decorations" style="-webkit-text-decoration-line: none;">Thi s text contains no decorations.</div><br/>	22 <div class="all-decorations" style="text-decoration-line: none;">This text c ontains no decorations.</div><br/>

23 <div class="all-decorations" style="-webkit-text-decoration-line: underline overline line-through;">This text is underlined, overlined and has a line-throug h.</div><br/>	23 <div class="all-decorations" style="text-decoration-line: underline overline line-through;">This text is underlined, overlined and has a line-through.</div> <br/>

24 <div style="-webkit-text-decoration-line: underline; text-decoration: none ! important;">This text contains no decorations.</div><br/>	24 <div style="text-decoration-line: underline; text-decoration: none !importan t;">This text contains no decorations.</div><br/>

25 <div style="-webkit-text-decoration-line: underline; text-decoration: overli ne !important;">This text is overlined.</div><br/>	25 <div style="text-decoration-line: underline; text-decoration: overline !impo rtant;">This text is overlined.</div><br/>

26 <div style="-webkit-text-decoration-line: underline !important; text-decorat ion: overline !important;">This text is overlined.</div><br/>	26 <div style="text-decoration-line: underline !important; text-decoration: ove rline !important;">This text is overlined.</div><br/>

27 <div style="text-decoration: overline !important; -webkit-text-decoration-li ne: underline !important;">This text is underlined.</div>	27 <div style="text-decoration: overline !important; text-decoration-line: unde rline !important;">This text is underlined.</div>

28 </body>	28 </body>

29 </html>	29 </html>

OLD	NEW