list-style-image-gradients-ref.html (716B)
1 <!doctype html> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html> 7 <meta charset="utf-8"> 8 <title>CSS Reference: Gradient list markers</title> 9 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> 10 <style> 11 li { 12 list-style-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' style='background: blue'></svg>"); 13 } 14 .none > li { list-style-type: none; } 15 </style> 16 <ul> 17 <li>text</li> 18 <li>text</li> 19 <li>text</li> 20 <li>text</li> 21 </ul> 22 <ol> 23 <li>text</li> 24 <li>text</li> 25 <li>text</li> 26 <li>text</li> 27 </ol> 28 <ol class="none"> 29 <li>text</li> 30 <li>text</li> 31 <li>text</li> 32 <li>text</li> 33 </ol> 34 </html>