column-scroll-marker-008.html (887B)
1 <!DOCTYPE html> 2 <title>::column::scroll-marker in inline formatting context</title> 3 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 4 <link rel="help" href="https://issues.chromium.org/issues/376834376"> 5 <meta name=fuzzy content="maxDifference=0-40;totalPixels=0-5"> 6 <link rel="match" href="scroll-marker-011-ref.html"> 7 <style> 8 * { 9 font-family: monospace; 10 } 11 .scroller { 12 columns: 1; 13 overflow: hidden; 14 column-fill: auto; 15 height: 100px; 16 scroll-marker-group: before; 17 } 18 .scroller::scroll-marker-group { 19 float: left; 20 width: 2em; 21 height: 1.7em; 22 overflow: hidden; 23 } 24 .scroller::column::scroll-marker { 25 content: "S"; 26 } 27 </style> 28 <p>The word "PASS" should be seen below.</p> 29 <div style="float:left;"><a href="#">P</a><a href="#">A</a></div> 30 <div class="scroller"> 31 <div style="height:200px;"></div> 32 </div>