marker-content-020-ref.html (1329B)
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 .no-marker ::marker { 7 content: none; 8 } 9 .inside { 10 list-style-position: inside; 11 } 12 .symbol { 13 list-style-type: disc; 14 } 15 .decimal { 16 list-style-type: decimal; 17 } 18 .string { 19 list-style-type: "string"; 20 } 21 .image { 22 list-style-image: url("/images/green-100x50.png"); 23 } 24 </style> 25 <div> 26 <ol class="inside"> 27 <li class="symbol">inside symbol</li> 28 <li class="decimal">inside decimal</li> 29 <li class="string">inside string</li> 30 <li class="image">inside image</li> 31 </ol> 32 <ol class="outside"> 33 <li class="symbol">outside symbol</li> 34 <li class="decimal">outside decimal</li> 35 <li class="string">outside string</li> 36 <li class="image">outside image</li> 37 </ol> 38 </div> 39 <div class="no-marker"> 40 <ol class="inside"> 41 <li class="symbol">inside symbol</li> 42 <li class="decimal">inside decimal</li> 43 <li class="string">inside string</li> 44 <li class="image">inside image</li> 45 </ol> 46 <ol class="outside"> 47 <li class="symbol">outside symbol</li> 48 <li class="decimal">outside decimal</li> 49 <li class="string">outside string</li> 50 <li class="image">outside image</li> 51 </ol> 52 </div>