marker-content-009-ref.html (1267B)
1 <!DOCTYPE html> 2 <html><head> 3 <meta charset="utf-8"> 4 <title>CSS Reference: ::marker pseudo elements styled with 'content' property</title> 5 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> 6 <style> 7 html,body { 8 color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0; 9 } 10 body { margin-left: 40px; } 11 .h m { display:inline-block; width:0; line-height:0; height:0; position:relative; left: -2ch; } 12 .v m { writing-mode: vertical-lr; width:0; position:relative; left: -1em; height:0; text-indent:-2ch; } 13 .lr { writing-mode: vertical-lr; } 14 .big { font-size:xx-large; } 15 .big-marker m { font-size:xx-large; } 16 li { display: block; } 17 </style> 18 </head><body> 19 <ol class="h"> 20 <li><div class="big"><m style="font-size:initial">AB</m>C<br>D</div></li> 21 <li><div></div><div class="big"><m style="font-size:initial">AB</m>C<br>D</div> 22 </li> 23 </ol> 24 <ol class="big-marker h"> 25 <li><div><m>AB</m>C<br>D</div></li> 26 <li><div></div><div><m>AB</m>C<br>D</div></li> 27 </ol> 28 <ol class="v"> 29 <li><div><m>AB</m>C<br>D</div></li> 30 <li><div></div><div><m>AB</m>C<br>D</div></li> 31 <li><div class="big"><m style="font-size:initial">AB</m>C<br>D</div></li> 32 </ol> 33 <ol class="v big-marker"> 34 <li><div><m>AB</m>C<br>D</div></li> 35 </ol> 36 </body></html>