flexbox-row-inline-start.html (943B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <link rel="author" href="mailto:sammy.gill@apple.com"> 5 <link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex"> 6 <meta name="assert" content="trimmed inline-start margins should be reflected in computed style"> 7 <style> 8 flexbox { 9 display: flex; 10 margin-trim: inline-start; 11 } 12 item { 13 display: block; 14 background-color: green; 15 width: 50px; 16 height: 50px; 17 margin-inline-start: 20px; 18 } 19 </style> 20 <script src="/resources/testharness.js"></script> 21 <script src="/resources/testharnessreport.js"></script> 22 <script src="/resources/check-layout-th.js"></script> 23 </head> 24 <body onload="checkLayout('flexbox > item')"> 25 <div id="target"> 26 <flexbox> 27 <item data-expected-margin-left="0" data-offset-x="8"></item> 28 <item data-expected-margin-left="20" data-offset-x="78"></item> 29 <item data-expected-margin-left="20" data-offset-x="148"></item> 30 </flexbox> 31 </div> 32 </body> 33 </html>