flexbox-attributes-no-box-horizontal.xhtml 817 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <!DOCTYPE HTML>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Test that XUL attributes are not supported on non-XUL elements</title>
  5. <style type="text/css">
  6. <![CDATA[
  7. html, body {
  8. display: -moz-box;
  9. margin: 0; padding: 0;
  10. width: 100%; height: 100%;
  11. }
  12. body > div {
  13. display: -moz-box;
  14. background: yellow;
  15. -moz-box-flex: 1;
  16. -moz-box-orient: horizontal;
  17. }
  18. div > div {
  19. display: -moz-box;
  20. -moz-box-flex: 1;
  21. border: 1px solid blue;
  22. }
  23. ]]>
  24. </style>
  25. </head>
  26. <body>
  27. <div>
  28. <div ordinal="2">2</div>
  29. <div ordinal="1">1</div>
  30. <div width="100">width</div>
  31. <div height="100">height</div>
  32. <div minwidth="100">minwidth</div>
  33. <div minheight="100">minheight</div>
  34. <div maxwidth="50">maxwidth</div>
  35. <div maxheight="15">maxheight</div>
  36. <div flex="100">flex</div>
  37. </div>
  38. </body>
  39. </html>