marker-hyphens.html (1290B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>::marker supports 'hyphens'</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/#hyphenation"> 7 <link rel="match" href="marker-hyphens-ref.html"> 8 <meta name="assert" content="Checks that ::marker supports 'hyphens', both explicitly set or inherited from an ancestor"> 9 <style> 10 li { 11 list-style-position: inside; 12 width: 0; 13 } 14 ::marker { 15 white-space: normal; 16 } 17 .hyphens-manual.explicit ::marker, 18 .hyphens-manual.inherit { 19 hyphens: manual; 20 } 21 .hyphens-none.explicit ::marker, 22 .hyphens-none.inherit { 23 hyphens: none; 24 } 25 .marker-string { 26 list-style-type: "foo\AD bar"; 27 } 28 .marker-content::marker { 29 content: "foo\AD bar"; 30 } 31 </style> 32 <ol class="hyphens-manual explicit"> 33 <li class="marker-string"></li> 34 <li class="marker-content"></li> 35 </ol> 36 <ol class="hyphens-manual inherit"> 37 <li class="marker-string"></li> 38 <li class="marker-content"></li> 39 </ol> 40 <ol class="hyphens-none explicit"> 41 <li class="marker-string"></li> 42 <li class="marker-content"></li> 43 </ol> 44 <ol class="hyphens-none inherit"> 45 <li class="marker-string"></li> 46 <li class="marker-content"></li> 47 </ol>