| <head> |
| <title>CSS Test: Text Decoration with first-line pseudo element inherited from Parent Block</title> |
| <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo"> |
| <style type="text/css"> |
| div:first-line{ |
| font: 24px sans-serif; |
| color: gray; |
| letter-spacing: 5px; |
| line-height: 48px; |
| } |
| div { |
| color:red; |
| } |
| |
| #div1:first-line{ |
| text-decoration: underline; |
| } |
| #div2:first-line{ |
| text-decoration: overline; |
| } |
| #div3:first-line{ |
| text-decoration: line-through; |
| } |
| |
| #div1{ |
| text-decoration: underline; |
| } |
| #div2{ |
| text-decoration: overline; |
| } |
| #div3{ |
| text-decoration: line-through; |
| } |
| |
| p { |
| font-weight:bold; |
| } |
| div p { |
| font-weight:bold; |
| color:green; |
| } |
| </style> |
| </head> |
| <body> |
| <h3>Test case for First-line text-decoration style inherited from Parent Block</h3> |
| <p> The First line text and its text-decoration must be of the same color.</p> |
| |
| <div id="div1"><p>Underline Underline Underline Underline<br> Underline Underline Underline Underline<br> </p>Underline Underline Underline Underline </div> |
| <br> |
| <div id="div2"><p>Overline Overline Overline Overline<br> Overline Overline Overline Overline<br></p> Overline Overline Overline Overline </div> |
| <br> |
| <div id="div3"><p>Line-Through Line-Through Line-Through Line <br> Line-Through Line-Through Line-Through Line-Through<br> </p>Line-Through Line-Through Line-Through Line-Through </div> |
| <br> |
| </body> |
