CSS reference: list-style-type

/ Published in: CSS
Save to your folder(s)

The arguments circle, disc, square are used for the marked list. For the numbered list: decimal, lower-alpha, lower-roman, upper-alpha, upper-roman. The argument none determines marker type. It is the same as a parental element.

Copy this code and paste it in your HTML
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  5. <title>list-style-type</title>
  6. <style type="text/css">
  7. UL {
  8. list-style-type: square; /* Square markers */
  9. }
  10. </style>
  11. </head>
  12. <body>
  14. <ul>
  15. <li>Lorem ipsum dolor sit amet</li>
  16. <li>Consectetuer adipiscing elit</li>
  17. <li>Sed diem nonummy nibh euismod</li>
  18. <li>Tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis
  19. enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis
  20. nisl ut aliquip ex ea commodo consequat.</li>
  21. </ul>
  23. </body>
  24. </html>

URL: http://phpforms.net/tutorial/tutorial.html

Report this snippet


RSS Icon Subscribe to comments

You need to login to post a comment.