marker-word-break.html (1715B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>::marker supports 'word-break'</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-break-property"> 7 <link rel="match" href="marker-word-break-ref.html"> 8 <meta name="assert" content="Checks that ::marker supports 'word-break', both explicitly set or inherited from an ancestor"> 9 <style> 10 ol { 11 float: left; 12 width: 50px; 13 } 14 li { 15 list-style-position: inside; 16 width: 0; 17 } 18 .word-break-keep-all.explicit ::marker, 19 .word-break-keep-all.inherit { 20 word-break: keep-all; 21 } 22 .word-break-break-all.explicit ::marker, 23 .word-break-break-all.inherit { 24 word-break: break-all; 25 } 26 .marker-disc { 27 list-style-type: disc; 28 } 29 .marker-decimal { 30 list-style-type: decimal; 31 } 32 .marker-string { 33 list-style-type: "ab"; 34 } 35 .marker-content::marker { 36 content: "cd"; 37 } 38 </style> 39 <ol class="word-break-keep-all explicit"> 40 <li class="marker-disc"></li> 41 <li class="marker-decimal"></li> 42 <li class="marker-string"></li> 43 <li class="marker-content"></li> 44 </ol> 45 <ol class="word-break-keep-all inherit"> 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-break-break-all explicit"> 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 <ol class="word-break-break-all inherit"> 58 <li class="marker-disc"></li> 59 <li class="marker-decimal"></li> 60 <li class="marker-string"></li> 61 <li class="marker-content"></li> 62 </ol>