underline-block-propagation-2-quirks-ref.html (1284B)
1 <html><head> 2 <title>More tests of propagation of text-decoration</title> 3 <style> 4 textarea { -moz-appearance: none } 5 textarea + textarea { margin-left: 10px } 6 </style> 7 </head> 8 <body> 9 <!-- t-d should not propagate to the content of a form control --> 10 <form> 11 <span style="text-decoration:underline">This text should be underlined.</span><br> 12 <textarea rows="2" cols="40">This text should not be underlined.</textarea 13 ><textarea rows="2" cols="40" style="text-decoration:line-through" 14 >This text should be struck out.</textarea> 15 <p style="text-decoration:underline">This text should also be underlined.</p> 16 </form> 17 <!-- t-d should propagate from parent elements to table-cells, except 18 not through a table element in quirks mode, per 19 https://quirks.spec.whatwg.org/#the-text-decoration-doesn't-propagate-into-tables-quirk 20 --> 21 <div> 22 <table> 23 <tr> 24 <td> 25 <span style="text-decoration:overline"> 26 <span style="text-decoration:line-through"> 27 overlined, and struck out 28 </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>