underline-block-propagation-2-standards.html (1136B)
1 <!DOCTYPE HTML> 2 <html><head> 3 <title>More tests of propagation of text-decoration</title> 4 <style> 5 textarea { -moz-appearance: none } 6 textarea + textarea { margin-left: 10px } 7 * { text-decoration-skip-ink: none } 8 </style> 9 </head> 10 <body> 11 <!-- t-d should not propagate to the content of a form control --> 12 <form style="text-decoration:underline"> 13 This text should be underlined.<br> 14 <textarea rows="2" cols="40">This text should not be underlined.</textarea 15 ><textarea rows="2" cols="40" style="text-decoration:line-through" 16 >This text should be struck out.</textarea> 17 <p>This text should also be underlined.</p> 18 </form> 19 <!-- t-d should propagate from parent elements to table-cells --> 20 <div style="text-decoration:underline"> 21 <table style="text-decoration:overline"> 22 <tr style="text-decoration:line-through"> 23 <td>underlined, overlined, and struck out</td> 24 </tr> 25 </table> 26 </div> 27 <!-- t-d on a float itself should apply --> 28 <div style="text-decoration:underline"> 29 <p>This text should be underlined.</p> 30 <p style="float:left; text-decoration:overline" 31 >This text should be overlined (only).</p> 32 </div> 33 </body> 34 </html>