block-container-block-start.html (885B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com"> 5 <link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block"> 6 <meta name="assert" content="block-start margin of item should be trimmed"> 7 <style> 8 container { 9 display: block; 10 margin-trim: block; 11 border: 1px solid black; 12 margin-block-start: 10px; 13 } 14 item { 15 display: block; 16 inline-size: 50px; 17 block-size: 50px; 18 background-color: green; 19 } 20 .collapsed { 21 margin-block: 50px; 22 block-size: 0px 23 } 24 </style> 25 <script src="/resources/testharness.js"></script> 26 <script src="/resources/testharnessreport.js"></script> 27 <script src="/resources/check-layout-th.js"></script> 28 </head> 29 <body onload="checkLayout('item')"> 30 <container> 31 <item style="margin-top: 30px;" data-expected-margin-top="0"></item> 32 </container> 33 </body> 34 </html>