tor-browser

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

marker-line-height.html (1905B)

      1 <!DOCTYPE html>
      2 <meta charset="utf-8">
      3 <title>::marker supports 'line-height'</title>
      4 <link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com" />
      5 <link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#marker-pseudo">
      6 <link rel="help" href="https://drafts.csswg.org/css-inline/#propdef-line-height">
      7 <link rel="match" href="marker-line-height-ref.html">
      8 <meta name="assert" content="Checks that ::marker supports 'line-height', both explicitly set or inherited from an ancestor">
      9 <style>
     10 ::marker { font-family: inherit; }
     11 ol {
     12  float: left;
     13  width: 50px;
     14  list-style-position: inside;
     15 }
     16 ol, ol div {
     17  line-height: 1;
     18  font-size: 1rem;
     19 }
     20 .line-height.explicit ::marker,
     21 .line-height.inherit {
     22  line-height: 3;
     23 }
     24 .line-height.inherit li {
     25  font-size: 0; /* Remove the strut, which would defeat the test */
     26 }
     27 .line-height.inherit ::marker {
     28  font-size: 1rem; /* Restore the font-size */
     29 }
     30 .marker-disc {
     31  list-style-type: disc;
     32 }
     33 .marker-decimal {
     34  list-style-type: decimal;
     35 }
     36 .marker-string {
     37  list-style-type: "3. ";
     38 }
     39 .marker-content::marker {
     40  content: "4. ";
     41 }
     42 </style>
     43 <ol class="line-height explicit">
     44  <li class="marker-disc"></li>
     45  <li class="marker-decimal"></li>
     46  <li class="marker-string"></li>
     47  <li class="marker-content"></li>
     48 </ol>
     49 <ol class="line-height inherit">
     50  <li class="marker-disc"></li>
     51  <li class="marker-decimal"></li>
     52  <li class="marker-string"></li>
     53  <li class="marker-content"></li>
     54 </ol>
     55 <ol class="line-height explicit">
     56  <li class="marker-disc"><div>x</div></li>
     57  <li class="marker-decimal"><div>x</div></li>
     58  <li class="marker-string"><div>x</div></li>
     59  <li class="marker-content"><div>x</div></li>
     60 </ol>
     61 <ol class="line-height inherit">
     62  <li class="marker-disc"><div>x</div></li>
     63  <li class="marker-decimal"><div>x</div></li>
     64  <li class="marker-string"><div>x</div></li>
     65  <li class="marker-content"><div>x</div></li>
     66 </ol>