marker-text-shadow.html (1110B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>::marker supports 'text-shadow'</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="help" href="https://drafts.csswg.org/css-text-decor-4/#text-shadow-property"> 7 <link rel="match" href="marker-text-shadow-ref.html"> 8 <meta name="assert" content="Checks that ::marker supports 'text-shadow', both explicitly set or inherited from an ancestor"> 9 <style> 10 ol { 11 float: left; 12 width: 50px; 13 list-style-position: inside; 14 } 15 .text-shadow.explicit ::marker, 16 .text-shadow.inherit { 17 text-shadow: #0f0 1px 2px 3px; 18 } 19 .marker-decimal { 20 list-style-type: decimal; 21 } 22 .marker-string { 23 list-style-type: "2. "; 24 } 25 .marker-content::marker { 26 content: "3. "; 27 } 28 </style> 29 <ol class="text-shadow explicit"> 30 <li class="marker-decimal"></li> 31 <li class="marker-string"></li> 32 <li class="marker-content"></li> 33 </ol> 34 <ol class="text-shadow inherit"> 35 <li class="marker-decimal"></li> 36 <li class="marker-string"></li> 37 <li class="marker-content"></li> 38 </ol>