tor-browser

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

marker-content-024.html (1278B)

      1 <!DOCTYPE html>
      2 <meta charset="utf-8">
      3 <title>CSS Test: ::marker pseudo elements styled with 'content' property</title>
      4 <link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
      5 <link rel="match" href="marker-content-024-ref.html">
      6 <link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#marker-pseudo">
      7 <link rel="help" href="https://drafts.csswg.org/css-multicol/">
      8 <link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#emphasis-marks">
      9 <link rel="help" href="https://html.spec.whatwg.org/multipage/interaction.html#contenteditable">
     10 <meta name="assert" content="Checks ::marker in a multi-column can have emphasis marks and doesn't crash when made editable.">
     11 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
     12 <style>
     13 ol {
     14  margin: 0;
     15  padding-left: 25px;
     16  font: 25px/1 Ahem;
     17 }
     18 li {
     19  width: 150px;
     20  column-count: 2;
     21  column-gap: 0;
     22  text-emphasis-style: circle;
     23  -webkit-text-emphasis-style: circle;
     24 }
     25 li + li {
     26  list-style-position: inside;
     27 }
     28 ::marker {
     29  content: 'X';
     30 }
     31 </style>
     32 <ol>
     33  <li>É<br>Ép<br>pÉ<br>pp</li>
     34  <li>É<br>Ép<br>pÉ<br>pp</li>
     35 </ol>
     36 <script>
     37 // Force layout
     38 document.body.offsetLeft;
     39 // Enabling editability shouldn't crash
     40 document.querySelector("ol").contentEditable = "true";
     41 </script>