marker-list-style-position-ref-002.html (919B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Reference: ::marker pseudo elements styled with 'list-style-position' property</title> 6 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> 7 <style> 8 body { color: black; background: white; } 9 #t1 > li { list-style-position: inside; } 10 #t2 > li { list-style-position: outside; } 11 #t3 > li { list-style-position: inside; } 12 #t4 > li { list-style-position: inside; } 13 14 #t1, #t2, blue { color: blue; } 15 black { color: black; } 16 17 span { font-size: 32pt; } 18 </style> 19 </head> 20 <body> 21 <ol id="t1"><li></li><li><black>B</black></li><li><span><black>C</black></span></li></ol> 22 <ol id="t2"><li></li><li><black>B</black></li><li><span><black>C</black></span></li></ol> 23 <ol id="t3"><li></li><li><blue>B</blue></li><li><span><blue>C</blue></span></li></ol> 24 <ol id="t4"><li></li><li><blue>B</blue></li><li><span><blue>C</blue></span></li></ol> 25 </body> 26 </html>