marker-content-015-ref.html (647B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Reference: ::marker pseudo elements styled with 'content' property</title> 4 <link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> 5 <style> 6 li { 7 margin-left: 100px; 8 } 9 .outside { 10 list-style-position: outside; 11 } 12 .inside { 13 list-style-position: inside; 14 } 15 .decimal { 16 list-style-type: decimal; 17 } 18 .string { 19 list-style-type: "[marker]"; 20 } 21 </style> 22 <!-- Note: Chromium and WebKit force all these markers to be inside --> 23 <li class="outside decimal">outside</li> 24 <li class="outside string">outside</li> 25 <li class="inside decimal">inside</li> 26 <li class="inside string">inside</li>