table-caption-1b-dyn.html 722 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <!DOCTYPE html>
  2. <html class="reftest-wait">
  3. <head>
  4. <style type="text/css">
  5. #block1, #block2 {
  6. height: 20px;
  7. background-color: green;
  8. }
  9. #block1 {
  10. margin-bottom: 20px;
  11. }
  12. #table {
  13. display: table;
  14. width: 100px;
  15. }
  16. #caption {
  17. display: table-cell;
  18. height: 20px;
  19. margin: 10px 0;
  20. background-color: blue;
  21. }
  22. #block2 {
  23. margin-top: 20px;
  24. }
  25. </style>
  26. <script type="text/javascript">
  27. function test() {
  28. document.getElementById('caption').style.display = 'table-caption';
  29. document.documentElement.removeAttribute('class');
  30. }
  31. document.addEventListener('MozReftestInvalidate', test, false);
  32. </script>
  33. </head>
  34. <body>
  35. <div id="block1"></div>
  36. <div id="table">
  37. <div id="caption"></div>
  38. </div>
  39. <div id="block2"></div>
  40. </body>
  41. </html>