marker-content-018-ref.html (1277B)
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 ol { 7 float: left; 8 width: 100px; 9 } 10 .inside { 11 list-style-position: inside; 12 } 13 li:nth-child(1) { list-style-type: "1" } 14 li:nth-child(2) { list-style-type: "1 " } 15 li:nth-child(3) { list-style-type: "1 " } 16 li:nth-child(4) { list-style-type: " 1" } 17 li:nth-child(5) { list-style-type: " 1" } 18 li:nth-child(6) { list-style-type: " 1 " } 19 li:nth-child(7) { list-style-type: "1\9 2" } 20 li:nth-child(8) { list-style-type: "1\a 2" } 21 </style> 22 <ol class="inside"> 23 <li>item</li> 24 <li>item</li> 25 <li>item</li> 26 <li>item</li> 27 <li>item</li> 28 <li>item</li> 29 <li>item</li> 30 <li>item</li> 31 </ol> 32 <ol class="inside"> 33 <li> item</li> 34 <li> item</li> 35 <li> item</li> 36 <li> item</li> 37 <li> item</li> 38 <li> item</li> 39 <li> item</li> 40 <li> item</li> 41 </ol> 42 <ol class="outside"> 43 <li>item</li> 44 <li>item</li> 45 <li>item</li> 46 <li>item</li> 47 <li>item</li> 48 <li>item</li> 49 <li>item</li> 50 <li>item</li> 51 </ol> 52 <ol class="outside"> 53 <li> item</li> 54 <li> item</li> 55 <li> item</li> 56 <li> item</li> 57 <li> item</li> 58 <li> item</li> 59 <li> item</li> 60 <li> item</li> 61 </ol>