marker-content-015.html (931B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Test: ::marker pseudo elements styled with 'content' property</title> 4 <link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> 5 <link rel="match" href="marker-content-015-ref.html"> 6 <link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#marker-pseudo"> 7 <meta name="assert" content="Checks that the position of a ::marker originated by a <li> which is not in a list is not affected by the 'content' property."> 8 <style> 9 li { 10 margin-left: 100px; 11 } 12 .outside { 13 list-style-position: outside; 14 } 15 .inside { 16 list-style-position: inside; 17 } 18 .decimal { 19 list-style-type: decimal; 20 } 21 .marker::marker { 22 content: "[marker]"; 23 } 24 </style> 25 <!-- Note: Chromium and WebKit force all these markers to be inside --> 26 <li class="outside decimal">outside</li> 27 <li class="outside marker">outside</li> 28 <li class="inside decimal">inside</li> 29 <li class="inside marker">inside</li>