marker-word-spacing.html (1902B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>::marker supports 'word-spacing'</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-3/#word-spacing-property"> 7 <link rel="match" href="marker-word-spacing-ref.html"> 8 <meta name="assert" content="Checks that ::marker supports 'word-spacing', both explicitly set or inherited from an ancestor"> 9 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 10 <style> 11 div { 12 float: left; 13 font: 25px/1 Ahem; 14 } 15 .inside { 16 list-style-position: inside; 17 width: 250px; 18 } 19 .outside { 20 list-style-position: outside; 21 width: 100px; 22 margin-left: 150px; 23 } 24 ol { 25 padding: 0; 26 } 27 .word-spacing.explicit ::marker, 28 .word-spacing.inherit { 29 word-spacing: 25px; 30 } 31 .marker-disc { 32 list-style-type: disc; 33 } 34 .marker-decimal { 35 list-style-type: decimal; 36 } 37 .marker-string { 38 list-style-type: "X p"; 39 } 40 .marker-content::marker { 41 content: "Xp p"; 42 } 43 </style> 44 <div class="inside"> 45 <ol class="word-spacing explicit"> 46 <li class="marker-disc">É</li> 47 <li class="marker-decimal">É</li> 48 <li class="marker-string">É</li> 49 <li class="marker-content">É</li> 50 </ol> 51 <ol class="word-spacing inherit"> 52 <li class="marker-disc">É</li> 53 <li class="marker-decimal">É</li> 54 <li class="marker-string">É</li> 55 <li class="marker-content">É</li> 56 </ol> 57 </div> 58 <div class="outside"> 59 <ol class="word-spacing explicit"> 60 <li class="marker-disc">É</li> 61 <li class="marker-decimal">É</li> 62 <li class="marker-string">É</li> 63 <li class="marker-content">É</li> 64 </ol> 65 <ol class="word-spacing inherit"> 66 <li class="marker-disc">É</li> 67 <li class="marker-decimal">É</li> 68 <li class="marker-string">É</li> 69 <li class="marker-content">É</li> 70 </ol> 71 </div>