marker-content-013-ref.html (851B)
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="Oriol Brufau" href="mailto:obrufau@igalia.com"> 6 <style> 7 .inside { 8 list-style-position: inside; 9 } 10 .string { 11 list-style-type: "string"; 12 } 13 .content::marker { 14 content: "content"; 15 } 16 .before, .after { 17 display: contents; 18 } 19 .before::before, .after::after { 20 content: "item"; 21 display: list-item; 22 list-style-type: "nested"; 23 } 24 </style> 25 <ol class="outside"> 26 <li class="decimal">item</li> 27 <li class="string">item</li> 28 <li class="content">item</li> 29 <li class="before"></li> 30 <li class="after"></li> 31 </ol> 32 <ol class="inside"> 33 <li class="decimal">item</li> 34 <li class="string">item</li> 35 <li class="content">item</li> 36 <li class="before"></li> 37 <li class="after"></li> 38 </ol>