tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

block-container-block-start-self-collapsing-item-larger-block-start-ref.html (772B)


      1 <!DOCTYPE html>
      2 <html>
      3 <head>
      4 <title>margin-trim: block-container-block-start-self-collapsing-item-has-larger-block-start</title>
      5 <link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
      6 <link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block">
      7 <meta name="assert" content="collapsed block-end margins should be trimmed but not affect container margins">
      8 <style>
      9 container {
     10    display: block;
     11    margin-trim: block;
     12    margin-block-end: 10px;
     13 }
     14 item {
     15    display: block;
     16    width: 50px;
     17    height: 50px;
     18    background-color: green;
     19 }
     20 .collapsed {
     21    margin-block-end: 0px;
     22    height: 0px;
     23 }
     24 </style>
     25 </head>
     26 <body>
     27 <container>
     28    <item></item>
     29    <item class="collapsed"></item>
     30 </container>
     31 <item></item>
     32 </body>
     33 </html>