tor-browser

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

text-decoration-inset-014.html (785B)

      1 <!DOCTYPE html>
      2 <meta charset="utf-8">
      3 
      4 <title>CSS Text Decoration 4: text-decoration-inset</title>
      5 
      6 <link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-skip-inset-property">
      7 <link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
      8 
      9 <link rel="match" href="reference/text-decoration-inset-014-ref.html">
     10 
     11 <style>
     12 body {
     13  background: white;
     14  color: black;
     15 }
     16 div {
     17  position: relative;
     18 }
     19 h1 {
     20  position: absolute;
     21  font-family: monospace;
     22  width: 16ch;
     23 }
     24 u {
     25  text-decoration-color: black;
     26  text-decoration-inset: -0.5ch;
     27  box-decoration-break: clone;
     28 }
     29 </style>
     30 
     31 <p>The underline for "ultra-quick brown" should be extended by 0.5ch at each end of each fragment:</p>
     32 
     33 <div>
     34  <h1>
     35    the <u>ultra-quick brown</u> fox
     36  </h1>
     37 </div>