getComputedStyle-display-short-serialization.html 850 B

1234567891011121314151617181920212223242526272829303132
  1. <script src="../include.js"></script>
  2. <script>
  3. test(() => {
  4. const e = document.createElement("div");
  5. document.body.appendChild(e);
  6. function checkDisplay(display) {
  7. e.style.display = display;
  8. const computedStyle = getComputedStyle(e);
  9. const serialized = computedStyle.display;
  10. println(display + " => " + serialized);
  11. }
  12. for (display of [
  13. "none",
  14. "block",
  15. "flow-root",
  16. "inline",
  17. "inline-block",
  18. "run-in",
  19. "list-item",
  20. "flex",
  21. "inline-flex",
  22. "grid",
  23. "inline-grid",
  24. "ruby",
  25. "table",
  26. "inline-table",
  27. ]) {
  28. checkDisplay(display);
  29. }
  30. e.remove();
  31. });
  32. </script>