tor-browser

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

border-spacing.html (1371B)

      1 <!DOCTYPE html>
      2 <title>CSS zoom applies to border-spacing when specified and inherited</title>
      3 <link rel="author" title="Stefan Zager" href="mailto:szager@chromium.org">
      4 <link rel="help" href="https://drafts.csswg.org/css-viewport/">
      5 <link rel="match" href="reference/border-spacing-ref.html">
      6 
      7 <style>
      8 .table {
      9  display: table;
     10 }
     11 .row {
     12  display: table-row;
     13 }
     14 .cell {
     15  display: table-cell;
     16  border: 0.5rem solid hotpink;
     17 }
     18 .spacing {
     19  border-collapse: separate;
     20  border-spacing: 17px 11px;
     21 }
     22 .zoom {
     23  zoom: 2;
     24 }
     25 </style>
     26 
     27 <div class="table spacing">
     28  <div class="row">
     29    <div class="cell">unzoomed</div>
     30    <div class="cell">unzoomed</div>
     31  </div>
     32  <div class="row">
     33    <div class="cell">unzoomed</div>
     34    <div class="cell">unzoomed</div>
     35  </div>
     36 </div>
     37 
     38 <div class="zoom spacing">
     39  <div class="table">
     40    <div class="row">
     41      <div class="cell">zoomed</div>
     42      <div class="cell">zoomed</div>
     43    </div>
     44    <div class="row">
     45      <div class="cell">zoomed</div>
     46      <div class="cell">zoomed</div>
     47    </div>
     48  </div>
     49 </div>
     50 
     51 <div class="spacing">
     52  <div class="table zoom">
     53    <div class="row">
     54      <div class="cell">zoomed inherited</div>
     55      <div class="cell">zoomed inherited</div>
     56    </div>
     57    <div class="row">
     58      <div class="cell">zoomed inherited</div>
     59      <div class="cell">zoomed inherited</div>
     60    </div>
     61  </div>
     62 </div>