tor-browser

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

marker-text-transform-dynamic.html (1076B)

      1 <!DOCTYPE html>
      2 <meta charset="utf-8">
      3 <title>::marker with dynamic 'text-transform'</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-text-4/#text-transform-property">
      7 <link rel="match" href="marker-text-transform-dynamic-ref.html">
      8 <meta name="assert" content="Checks that ::marker is updated when 'text-transform' is set dynamically.">
      9 <style>
     10 .uppercase ::marker {
     11  text-transform: uppercase;
     12 }
     13 .inside {
     14  list-style-position: inside;
     15 }
     16 .latin {
     17  list-style-type: lower-latin;
     18 }
     19 .string {
     20  list-style-type: "b. ";
     21 }
     22 .content::marker {
     23  content: "c. ";
     24 }
     25 </style>
     26 <ol class="outside">
     27  <li class="latin"></li>
     28  <li class="string"></li>
     29  <li class="content"></li>
     30 </ol>
     31 <ol class="inside">
     32  <li class="latin"></li>
     33  <li class="string"></li>
     34  <li class="content"></li>
     35 </ol>
     36 <script>
     37 // Force layout
     38 document.body.offsetLeft;
     39 
     40 // Set 'text-transform'
     41 document.body.className = "uppercase";
     42 </script>