marker-content-023-ref.html (805B)
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 .disc { 7 list-style-type: disc; 8 } 9 .decimal { 10 list-style-type: decimal; 11 } 12 .string { 13 list-style-type: "3. "; 14 } 15 .content::marker { 16 content: "4. "; 17 } 18 .rtl-marker ::marker { 19 direction: rtl; 20 } 21 </style> 22 <ol> 23 <li class="disc"><div>disc</div></li> 24 <li class="decimal"><div>decimal</div></li> 25 <li class="string"><div>string</div></li> 26 <li class="content"><div>content</div></li> 27 </ol> 28 <ol class="rtl-marker"> 29 <li class="disc"><div>disc</div></li> 30 <li class="decimal"><div>decimal</div></li> 31 <li class="string"><div>string</div></li> 32 <li class="content"><div>content</div></li> 33 </ol>