marker-content-011.tentative.html (1192B)
1 <!DOCTYPE html> 2 <html><head> 3 <meta charset="utf-8"> 4 <title>CSS Test: ::marker pseudo elements styled with 'content' property</title> 5 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> 6 <link rel="match" href="marker-content-011-ref.html"> 7 <link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#marker-pseudo"> 8 <style> 9 html,body { 10 color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0; 11 } 12 body { margin-left: 40px; } 13 li::marker { content: 'AB'; margin-bottom: 1ch; margin-right: 1ch; } 14 .v > li::marker { writing-mode: vertical-lr; margin-right: 1em; } 15 .lr { writing-mode: vertical-lr; } 16 .big { font-size:xx-large; } 17 .big-marker > li::marker { font-size:xx-large; } 18 f { float: left; margin-right: 20px; } 19 </style> 20 </head><body> 21 <ol> 22 <li><div class="big">C<br>D</div></li> 23 <li><div></div><div class="big">C<br>D</div> 24 </li> 25 </ol> 26 <ol class="big-marker"> 27 <li><div>C<br>D</div></li> 28 <li><div></div><div>C<br>D</div></li> 29 </ol> 30 <ol class=v> 31 <li><div>C<br>D</div></li> 32 <li><div></div><div>C<br>D</div></li> 33 <li><div class="big">C<br>D</div></li> 34 </ol> 35 <ol class="v big-marker"> 36 <li><div>C<br>D</div></li> 37 </ol> 38 </body></html>