dynamic-switch-inline-to-cell-1.html 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <!DOCTYPE html>
  2. <html class="reftest-wait">
  3. <head>
  4. <title>CSS 2.1 Test Suite: anonymous table boxes</title>
  5. <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
  6. <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
  7. <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
  8. <meta name="flags" content="dom" />
  9. <script>
  10. function doTest() {
  11. document.getElementById("t").style.display = "table-cell";
  12. document.documentElement.className = "";
  13. }
  14. </script>
  15. </head>
  16. <body style="font-family: monospace" onload="doTest()">
  17. <span style="display:table">
  18. <span style="display: table-row">
  19. <span id="t">Row 1, Col 1</span>
  20. <span>Row 1, Col 2</span>
  21. <span style="display: table-cell">Row 1, Col 3</span>
  22. </span>
  23. <span style="display: table-row-group">
  24. <span style="display: table-row">
  25. <span style="display: table-cell">Row 22, Col 1</span>
  26. <span style="display: table-cell">Row 22, Col 2</span>
  27. <span style="display: table-cell">Row 22, Col 3</span>
  28. </span>
  29. <span style="display: table-row">
  30. <span style="display: table-cell">Row 333, Col 1</span>
  31. <span style="display: table-cell">Row 333, Col 2</span>
  32. <span style="display: table-cell">Row 333, Col 3</span>
  33. </span>
  34. </span>
  35. </span>
  36. </body>
  37. </html>