tor-browser

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

abspos.html (786B)

      1 <!DOCTYPE html>
      2 <title>Intrinsic sizing for &lt;svg&gt;</title>
      3 <link rel="help" href="https://www.w3.org/TR/SVG2/coords.html">
      4 <link rel="help" href="https://www.w3.org/TR/css-sizing-3/#intrinsic-sizes">
      5 <link rel="match"  href="support/abspos-ref.html">
      6 <!--
      7  SVG embedded inside html has no intrinsic size, but has intrinsic
      8  aspect ratio. Inline size is computed as available size of containing block,
      9  and block size is derived from aspect ratio.
     10 -->
     11 <style>
     12 #container {
     13  width: 200px;
     14  height: 300px;
     15  position: relative;
     16  border: 10px solid black;
     17 }
     18 #target {
     19  fill: green;
     20  position: absolute;
     21  top: 0;
     22  left: 0;
     23  bottom: 0;
     24  right: 0;
     25 }
     26 </style>
     27 <div id="container">
     28  <svg id="target" viewBox="0 0 50 50"><circle cx="50%" cy="50%" r="50%"></circle></svg>
     29 </div>