decoration-style-standards.html 1.4 KB

1234567891011121314151617181920212223242526272829303132333435
  1. <!DOCTYPE html>
  2. <p style="text-decoration-style: dotted;">
  3. Here is specified the decoration style as dotted but no decoration lines,
  4. however,
  5. <span style="font-size: 2em;
  6. text-decoration: underline line-through overline;">
  7. here has solid decoration lines</span>, and here has no decoration lines.
  8. </p>
  9. <p style="text-decoration-style: dashed;">
  10. Here is specified the decoration style as dashed but no decoration lines,
  11. however,
  12. <span style="font-size: 2em;
  13. text-decoration: underline line-through overline;
  14. text-decoration-style: inherit;">
  15. here has inherited decoration lines</span>,
  16. and here has no decoration lines.
  17. </p>
  18. <p style="text-decoration: underline line-through overline;
  19. text-decoration-style: double;">
  20. Here has double decoration lines,
  21. <span style="font-size: 2em;
  22. text-decoration-style: dashed;">
  23. here is specified as dashed decoration lines but should be ignored</span>,
  24. and here has double decoration lines.
  25. </p>
  26. <p style="text-decoration: underline line-through overline;
  27. text-decoration-style: -moz-none;">
  28. Here is specified the decoration style as -moz-none.
  29. </p>
  30. <p style="text-decoration-style: dotted;
  31. text-decoration: underline line-through overline;">
  32. Here has solid decoration lines even if its style is specified as dotted
  33. before text-decoration.
  34. </p>