LayoutTests/fast/css3-text/css3-text-decoration/text-decoration-style.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-style.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-line-expected.html ('k') | LayoutTests/webexposed/css-properties-as-js-properties-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <html>	2 <html>

3 <head>	3 <head>

4 <!-- Bugzilla link: http://webkit.org/b/94094 -->	4 <!-- Bugzilla link: http://webkit.org/b/94094 -->

5 <title>CSS Test: CSS3 text-decoration-style</title>	5 <title>CSS Test: CSS3 text-decoration-style</title>

6 <link rel="help" href="http://http://dev.w3.org/csswg/css3-text/#text-de coration-style"/>	6 <link rel="help" href="http://http://dev.w3.org/csswg/css3-text/#text-de coration-style"/>

7 <meta name="flags" content="ahem"/>	7 <meta name="flags" content="ahem"/>

8 <script>	8 <script>

9 if (window.testRunner)	9 if (window.testRunner)

10 testRunner.dumpAsText(true);	10 testRunner.dumpAsText(true);

11 </script>	11 </script>

12 <style>	12 <style>

13 div { padding: 10px; diplay: inline; }	13 div { padding: 10px; diplay: inline; }

14 div.solid { border: 5px solid; }	14 div.solid { border: 5px solid; }

15 div.double { border: 5px double; }	15 div.double { border: 5px double; }

16 div.dashed { border: 5px dashed; }	16 div.dashed { border: 5px dashed; }

17 div.dotted { border: 5px dotted; }	17 div.dotted { border: 5px dotted; }

18 span.underline { -webkit-text-decoration-line: underline; }	18 span.underline { text-decoration-line: underline; }

19 span.overline { -webkit-text-decoration-line: overline; }	19 span.overline { text-decoration-line: overline; }

20 span.line-through { -webkit-text-decoration-line: line-through; }	20 span.line-through { text-decoration-line: line-through; }

21 span.solid { -webkit-text-decoration-style: solid; }	21 span.solid { text-decoration-style: solid; }

22 span.double { -webkit-text-decoration-style: double; }	22 span.double { text-decoration-style: double; }

23 span.dashed { -webkit-text-decoration-style: dashed; }	23 span.dashed { text-decoration-style: dashed; }

24 span.dotted { -webkit-text-decoration-style: dotted; }	24 span.dotted { text-decoration-style: dotted; }

25 span.wavy { -webkit-text-decoration-style: wavy; }	25 span.wavy { text-decoration-style: wavy; }

26 </style>	26 </style>

27 </head>	27 </head>

28 <body style="font: 20px Ahem; -webkit-font-smoothing: none; -webkit-text-str oke: 1px black; -webkit-text-fill-color: white;">	28 <body style="font: 20px Ahem; -webkit-font-smoothing: none; -webkit-text-str oke: 1px black; -webkit-text-fill-color: white;">

29 <div class="solid"><span class="underline solid">lorem ipsum</span> <spa n class="overline solid">lorem ipsum</span> <span class="line-through solid">lor em ipsum</span></div><br/>	29 <div class="solid"><span class="underline solid">lorem ipsum</span> <spa n class="overline solid">lorem ipsum</span> <span class="line-through solid">lor em ipsum</span></div><br/>

30 <div class="double"><span class="underline double">lorem ipsum</span> <s pan class="overline double">lorem ipsum</span> <span class="line-through double" >lorem ipsum</span></div><br/>	30 <div class="double"><span class="underline double">lorem ipsum</span> <s pan class="overline double">lorem ipsum</span> <span class="line-through double" >lorem ipsum</span></div><br/>

31 <div class="dashed"><span class="underline dashed">lorem ipsum</span> <s pan class="overline dashed">lorem ipsum</span> <span class="line-through dashed" >lorem ipsum</span></div><br/>	31 <div class="dashed"><span class="underline dashed">lorem ipsum</span> <s pan class="overline dashed">lorem ipsum</span> <span class="line-through dashed" >lorem ipsum</span></div><br/>

32 <div class="dotted"><span class="underline dotted">lorem ipsum</span> <s pan class="overline dotted">lorem ipsum</span> <span class="line-through dotted" >lorem ipsum</span></div><br/>	32 <div class="dotted"><span class="underline dotted">lorem ipsum</span> <s pan class="overline dotted">lorem ipsum</span> <span class="line-through dotted" >lorem ipsum</span></div><br/>

33 <div><span class="underline wavy">lorem ipsum</span> <span class="overli ne wavy">lorem ipsum</span> <span class="line-through wavy">lorem ipsum</span></ div>	33 <div><span class="underline wavy">lorem ipsum</span> <span class="overli ne wavy">lorem ipsum</span> <span class="line-through wavy">lorem ipsum</span></ div>

34 </body>	34 </body>

35 </html>	35 </html>

OLD	NEW