| <!DOCTYPE html> |
| <html> |
| <head> |
| <!-- Bugzilla link: http://webkit.org/b/94094 --> |
| <title>CSS Test: CSS3 text-decoration-style repaint</title> |
| <link rel="help" href="http://http://dev.w3.org/csswg/css3-text/#text-decoration-style"/> |
| <meta name="flags" content="ahem"/> |
| <script> |
| if (window.testRunner) |
| testRunner.waitUntilDone(); |
| </script> |
| <script src="../../../../resources/run-after-layout-and-paint.js" type="text/javascript"></script> |
| <script> |
| function repaintTest() { |
| document.getElementById("test-initial-blank").style.textDecorationStyle = ''; |
| document.getElementById("test-initial-explicit").style.textDecorationStyle = 'initial'; |
| document.getElementById("test-invalid-unknown").style.textDecorationStyle = 'unknown'; |
| document.getElementById("test-inherit-explicit").style.textDecorationStyle = 'inherit'; |
| document.getElementById("test-repaint-parent").style.textDecorationStyle = 'double'; |
| if (window.testRunner) |
| testRunner.notifyDone(); |
| } |
| </script> |
| </head> |
| <body onload="runAfterLayoutAndPaint(repaintTest);" style="font: 20px Ahem; -webkit-font-smoothing: none; |
| -webkit-text-stroke: 1px black; -webkit-text-fill-color: white; text-decoration-skip-ink: none;"> |
| <!-- Blank and 'initial' values fallbacks to 'solid' on repaintTest(). --> |
| <p><span id="test-initial-blank" style="text-decoration: underline; text-decoration-style: double;">lorem ipsum</span></p> |
| <p><span id="test-initial-explicit" style="text-decoration: underline; text-decoration-style: double;">lorem ipsum</span></p> |
| <!-- Unknown value is ignored and fallback to last valid value on repaintTest() --> |
| <p><span id="test-invalid-unknown" style="text-decoration: underline; text-decoration-style: double;">lorem ipsum</span></p> |
| <!-- Ancestor can explicitly request 'inherit' from parent on repaintTest() --> |
| <p><span style="text-decoration: underline; text-decoration-style: double;"><span id="test-inherit-explicit" style="text-decoration-style: dashed;">lorem ipsum</span></span></p> |
| <!-- Ancestor span should not inherit 'double' style from parent on repaintTest(). --> |
| <p><span id="test-repaint-parent" style="text-decoration: underline;"><span>lorem ipsum</span></span></p> |
| </body> |
| </html> |
