layout/reftests/text-decoration/underline-block-propagation-2-quirks.html

   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 style="text-decoration:underline">
  11 This text should be underlined.<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>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 style="text-decoration:underline">
  22   <table style="text-decoration:overline">
  23     <tr style="text-decoration:line-through">
  24       <td>overlined, and struck out</td>
  25     </tr>
  26   </table>
  27 </div>
  28 <!-- t-d on a float itself should apply -->
  29 <div style="text-decoration:underline">
  30   <p>This text should be underlined.</p>
  31   <p style="float:left; text-decoration:overline"
  32   >This text should be overlined (only).</p>
  33 </div>
  34 </body>
  35 </html>