standards-decorations.html 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <!DOCTYPE HTML>
  2. <!--
  3. Any copyright is dedicated to the Public Domain.
  4. http://creativecommons.org/licenses/publicdomain/
  5. Test: Standards mode text-decorations
  6. -->
  7. <html><head>
  8. <title>text-overflow: Standards mode text-decorations</title>
  9. <style type="text/css">
  10. @font-face {
  11. font-family: Ahem;
  12. src: url(../fonts/Ahem.ttf);
  13. }
  14. @font-face {
  15. font-family: DejaVuSansMono;
  16. src: url(../fonts/DejaVuSansMono.woff);
  17. }
  18. html,body {
  19. color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
  20. }
  21. .test {
  22. overflow:hidden;
  23. text-overflow:ellipsis;
  24. float:left;
  25. height:2em;
  26. white-space:pre;
  27. margin-left:1em;
  28. margin-bottom:1em;
  29. font-size:20px;
  30. color:blue;
  31. }
  32. span {
  33. text-decoration: line-through;
  34. font-size:16px;
  35. color:black;
  36. }
  37. .t1 span {
  38. }
  39. .rlo {
  40. unicode-bidi: bidi-override; direction:rtl;
  41. }
  42. .lro {
  43. unicode-bidi: bidi-override;
  44. }
  45. .rtl {
  46. direction:rtl;
  47. }
  48. .ltr {
  49. direction:ltr;
  50. }
  51. .t1 { width:7.3em;}
  52. .t2 { width:20px;}
  53. .t3 { width:22px;}
  54. .t4 { width:1px; font-family:Ahem; }
  55. .t3 span {margin-left:14px; }
  56. m { font-size:20px; }
  57. </style>
  58. </head><body>
  59. <div class="test t1"><span>0123&nbsp;567890123456789</span></div>
  60. <div class="test rtl t1"><span>0321&nbsp;56789012345</span></div>
  61. <div class="test t2" style="color:black"><span>xxxx</span></div>
  62. <div class="test t3"><span>x</span></div>
  63. <div class="test t4"><span>x</span></div>
  64. </body>
  65. </html>