tor-browser

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

text-decoration-inset-012.html (737B)

      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-012-ref.html">
     10 
     11 <style>
     12 body {
     13  background: white;
     14  color: black;
     15 }
     16 div {
     17  position: relative;
     18  width: 10em;
     19  height: 20em;
     20  writing-mode: vertical-rl;
     21 }
     22 h1 {
     23  position: absolute;
     24 }
     25 u {
     26  text-decoration-color: black;
     27  text-decoration-inset: 10px -10px;
     28 }
     29 </style>
     30 
     31 <p>The underline for "brown" should be offset by 10px downwards:</p>
     32 
     33 <div>
     34  <h1>
     35    the quick <u>brown</u> fox
     36  </h1>
     37 </div>