underline-block-propagation-2-standards-ref.html (1239B)
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> 13 <span style="text-decoration:underline">This text should be underlined.</span><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 style="text-decoration:underline">This text should also be underlined.</p> 18 </form> 19 <!-- t-d should propagate from parent elements to table-cells --> 20 <div> 21 <table> 22 <tr> 23 <td> 24 <span style="text-decoration:underline"> 25 <span style="text-decoration:overline"> 26 <span style="text-decoration:line-through"> 27 underlined, overlined, and struck out 28 </span></span></span> 29 </td> 30 </tr> 31 </table> 32 </div> 33 <!-- t-d on a float itself should apply --> 34 <div> 35 <p style="text-decoration:underline">This text should be underlined.</p> 36 <p style="float:left; text-decoration:overline" 37 >This text should be overlined (only).</p> 38 </div> 39 </body> 40 </html>