| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| #parent1, #parent2, #parent3 { text-decoration: underline;} |
| #parent1:first-line { color: green; } |
| #parent2:first-line {color: green; text-decoration: overline;} |
| #parent3:first-line {color: green; text-decoration: underline;} |
| </style> |
| </head> |
| <body> |
| <div>Test for Bugzilla <a href="https://bugs.webkit.org/show_bug.cgi?id=93829">Bug 93829</a>: Text decorations specified on the containing block are not properly applied when ::first-line is present.</div> |
| <br/> |
| <div>The following text should have the first line text in green color with an underline in black color. The remainder of the text should have black underline.</div> |
| <p id="parent1">Lorem ipsum dolor set amet. Lorem ipsum <br/>dolor set amet. Lorem ipsum dolor set amet.</p> |
| <div>The following text should have the first line text in green color with an overline in green color and an underline in black color whereas the remainder of the text should only have an underline in black color. </div> |
| <p id="parent2">Lorem ipsum dolor set amet. Lorem ipsum <br/>dolor set amet. Lorem ipsum dolor set amet.</p> |
| <div>The following text should have the first line text in green color with an underline in green color whereas the remainder of the text should also have an underline in black color. </div> |
| <p id="parent3">Lorem ipsum dolor set amet. Lorem ipsum <br/>dolor set amet. Lorem ipsum dolor set amet.</p> |
| </body> |
| </html> |