underline-block-propagation-2-standards-ref.html 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  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. </style>
  8. </head>
  9. <body>
  10. <!-- t-d should not propagate to the content of a form control -->
  11. <form>
  12. <span style="text-decoration:underline">This text should be underlined.</span><br>
  13. <textarea rows="2" cols="40">This text should not be underlined.</textarea
  14. ><textarea rows="2" cols="40" style="text-decoration:line-through"
  15. >This text should be struck out.</textarea>
  16. <p style="text-decoration:underline">This text should also be underlined.</p>
  17. </form>
  18. <!-- t-d should propagate from parent elements to table-cells -->
  19. <div>
  20. <table>
  21. <tr>
  22. <td>
  23. <span style="text-decoration:underline">
  24. <span style="text-decoration:overline">
  25. <span style="text-decoration:line-through">
  26. underlined, overlined, and struck out
  27. </span></span></span>
  28. </td>
  29. </tr>
  30. </table>
  31. </div>
  32. <!-- t-d on a float itself should apply -->
  33. <div>
  34. <p style="text-decoration:underline">This text should be underlined.</p>
  35. <p style="float:left; text-decoration:overline"
  36. >This text should be overlined (only).</p>
  37. </div>
  38. </body>
  39. </html>