decoration-css21-ref.html 1.0 KB

123456789101112131415161718192021222324252627282930
  1. <html>
  2. <head>
  3. <style>
  4. .sup {vertical-align: super;}
  5. .transparent {color: transparent;}
  6. .alllines {text-decoration:line-through overline underline; color: purple;}
  7. .highRel {position: relative; top: -4em;}
  8. .lowRel {position: relative; top: 4em;}
  9. .lowVert {vertical-align: -4em;}
  10. .highVert {vertical-align: 4em;}
  11. </style>
  12. </head>
  13. <body>
  14. <p>
  15. <span style="text-decoration: underline">Underlined <span class="transparent">still underlined</span></span>
  16. <span style="text-decoration: underline">Underlined <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span>
  17. <span class="sup transparent">Offset</span>
  18. </p>
  19. <p>
  20. <span class="alllines">
  21. Before<span class="transparent">highlow</span>After</span>
  22. </span>
  23. <span class="highVert transparent">Offset</span><span class="lowVert transparent">text</span>
  24. </p>
  25. <p>
  26. <span class="alllines">Before</span><span class="highRel alllines">high</span><span class="lowRel alllines">low</span><span class="alllines">After</span>
  27. </p>
  28. </body>
  29. </html>