tor-browser

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

text-decoration-inset-004.html (739B)

      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-004-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  width: 15ch;
     22 }
     23 u {
     24  text-decoration-color: black;
     25  text-decoration-inset: -0.25em;
     26 }
     27 </style>
     28 
     29 <p>The underline for "ultra-quick brown" should be extended by .25em at each end, but not at the line-break:</p>
     30 
     31 <div>
     32  <h1>
     33    the <u>ultra-quick brown</u> fox
     34  </h1>
     35 </div>