marker-quotes.html (719B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 4 <title>CSS Lists test: use of `quotes` in ::marker</title> 5 6 <link rel="help" href="https://drafts.csswg.org/css-lists-3/#marker-properties"> 7 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/5265#issuecomment-3531669680"> 8 <meta name="assert" content="the quotes property is supported in ::marker"> 9 10 <link rel="author" href="mailto:jkew@mozilla.com"> 11 12 <link rel="match" href="marker-quotes-ref.html"> 13 14 <style> 15 ol { 16 quotes: "\2018" "\2019"; 17 } 18 ::marker { 19 content: open-quote counter(list-item) close-quote " "; 20 } 21 :nth-child(2)::marker { 22 quotes: "«" "»"; 23 } 24 :nth-child(3)::marker { 25 quotes: "‹" "›"; 26 } 27 </style> 28 29 <ol> 30 <li>one 31 <li>two 32 <li>three 33 </ol>