marker-text-transform-uppercase.html (1223B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>::marker accepts 'text-transform: uppercase'</title> 4 <link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com" /> 5 <link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#marker-pseudo"> 6 <link rel="match" href="marker-text-transform-uppercase-ref.html"> 7 <meta name="assert" content="Checks that the marker default 'text-transform: none' can be overridden with 'text-transform: uppercase'"> 8 <style> 9 .outside { list-style-position: outside } 10 .inside { list-style-position: inside } 11 .type-roman { list-style-type: lower-roman } 12 .type-string { list-style-type: "ii. " } 13 .content-counter::marker { content: counter(list-item, lower-roman) ". " } 14 .content-string::marker { content: "iv. " } 15 ::marker { 16 text-transform: uppercase; 17 } 18 </style> 19 <ol class="outside"> 20 <li class="type-roman">type-roman</li> 21 <li class="type-string">type-string</li> 22 <li class="content-counter">content-counter</li> 23 <li class="content-string">content-string</li> 24 </ol> 25 <ol class="inside"> 26 <li class="type-roman">type-roman</li> 27 <li class="type-string">type-string</li> 28 <li class="content-counter">content-counter</li> 29 <li class="content-string">content-string</li> 30 </ol>