tor-browser

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

text-decoration-inset-024.html (746B)

      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-024-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  text-indent: 40px; /* shifts the text and underline together */
     22 }
     23 u {
     24  text-decoration-color: black;
     25  text-decoration-inset: 20px -20px;
     26 }
     27 </style>
     28 
     29 <p>The underline for "brown" should be offset by 20px to the right:</p>
     30 
     31 <div>
     32  <h1>
     33    the quick <u>brown</u> fox
     34  </h1>
     35 </div>