marker-overflow-wrap.html (1739B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>::marker supports 'overflow-wrap'</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/#overflow-wrap-property"> 7 <link rel="match" href="marker-line-break-ref.html"> 8 <meta name="assert" content="Checks that ::marker supports 'overflow-wrap', 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 .overflow-wrap-normal.explicit ::marker, 19 .overflow-wrap-normal.inherit { 20 overflow-wrap: strict; 21 } 22 .overflow-wrap-anywhere.explicit ::marker, 23 .overflow-wrap-anywhere.inherit { 24 overflow-wrap: anywhere; 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="overflow-wrap-normal 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="overflow-wrap-normal 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="overflow-wrap-anywhere 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="overflow-wrap-anywhere 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>