tor-browser

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

list-style-image.html (893B)

      1 <!DOCTYPE html>
      2 <title>CSS zoom applies to list-style-image</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/list-style-image-ref.html">
      6 
      7 <style>
      8 .marker {
      9  list-style-image: url('#marker');
     10 }
     11 ul {
     12  margin-block-start: 1rem;
     13  margin-block-end: 1rem;
     14  margin-inline-start: 0px;
     15  margin-inline-end: 0px;
     16  padding-inline-start: 40px;
     17 }
     18 .zoom {
     19  zoom: 2;
     20 }
     21 </style>
     22 
     23 <div>
     24  <ul>
     25    <li class="marker">unzoomed</li>
     26  </ul>
     27 </div>
     28 
     29 <div>
     30  <ul class="zoom">
     31    <li class="marker">zoomed</li>
     32  </ul>
     33 </div>
     34 
     35 <div class="marker">
     36  <ul class="zoom">
     37    <li>zoomed inherited</li>
     38  </ul>
     39 </div>
     40 
     41 <svg viewBox="0 0 100 100" style="display:none">
     42  <defs>
     43    <g id="marker">
     44      <circle cx="50%" cy="50%" r="50%" stroke="none" />
     45    </g>
     46  </defs>
     47 </svg>