tor-browser

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

box-decoration-break-01-ref.xhtml (757B)

      1 <html xmlns="http://www.w3.org/1999/xhtml">
      2 <head>
      3  <meta charset="utf-8" />
      4  <style>
      5    .clip {
      6      clip-path:url(#path);
      7    }
      8    span {
      9      font: 24px sans-serif;
     10      line-height: 2;
     11      color: lime;
     12      background: lime;
     13    }
     14    br {
     15      line-height: 0;
     16    }
     17  </style>
     18 </head>
     19 <body>
     20  <h2>Box-Decoration-Break: Clone</h2>
     21  <span class="clip">The</span><br />
     22  <span class="clip">quick</span><br />
     23  <span class="clip">orange fox</span>
     24 
     25  <h2>Box-Decoration-Break: Slice</h2>
     26  <span>The</span>
     27 
     28  <svg xmlns="http://www.w3.org/2000/svg" height="0">
     29    <defs>
     30      <clipPath id="path" clipPathUnits="objectBoundingBox">
     31        <rect x="0" y="0" width="1" height="0.3"/>
     32      </clipPath>
     33    </defs>
     34  </svg>
     35 
     36 </body>
     37 </html>