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

   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>