tor-browser

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

background-image-001-ref.html (2156B)

      1 <!DOCTYPE html>
      2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
      3 <style>
      4  .container {
      5    writing-mode: vertical-rl;
      6    inline-size: 472px;
      7  }
      8  .mc {
      9    display: flow-root;
     10    block-size: 120px;
     11    border: 1px solid;
     12    margin-block-end: 20px;
     13    background: yellow;
     14  }
     15  .column {
     16    float: left;
     17    inline-size: 150px;
     18    block-size: 100%;
     19    margin-inline-start: 10px;
     20  }
     21  .column:first-child {
     22    margin-inline-start: 0;
     23  }
     24 </style>
     25 <div class="container">
     26  <div class="mc">
     27    <div class="column">
     28      <div style="block-size:100%; background:url(../support/cat.png) -230px top;"></div>
     29    </div>
     30    <div class="column">
     31      <div style="block-size:100%; background:url(../support/cat.png) -110px top;"></div>
     32    </div>
     33    <div class="column">
     34      <div style="block-size:110px; background:url(../support/cat.png) left top;"></div>
     35    </div>
     36  </div>
     37  <div class="mc">
     38    <div class="column">
     39      <div style="block-size:100%; background:url(../support/cat.png) right top;"></div>
     40    </div>
     41    <div class="column">
     42      <div style="block-size:100%; background:url(../support/cat.png) 240px top;"></div>
     43    </div>
     44    <div class="column">
     45      <div style="block-size:110px; background:url(../support/cat.png) 350px top;"></div>
     46    </div>
     47  </div>
     48  <div class="mc">
     49    <div class="column">
     50      <div style="block-size:100%; background:url(../support/cat.png) -230px bottom;"></div>
     51    </div>
     52    <div class="column">
     53      <div style="block-size:100%; background:url(../support/cat.png) -110px bottom;"></div>
     54    </div>
     55    <div class="column">
     56      <div style="block-size:110px; background:url(../support/cat.png) left bottom;"></div>
     57    </div>
     58  </div>
     59  <div class="mc">
     60    <div class="column">
     61      <div style="block-size:100%; background:url(../support/cat.png) right bottom;"></div>
     62    </div>
     63    <div class="column">
     64      <div style="block-size:100%; background:url(../support/cat.png) 240px bottom;"></div>
     65    </div>
     66    <div class="column">
     67      <div style="block-size:110px; background:url(../support/cat.png) 350px bottom;"></div>
     68    </div>
     69  </div>
     70 </div>