Home > Tutorials > CSS > Lists
Lists
We still haven't even touched upon lists. While the default styles for lists will work in most situations, there may come a time when you want something other than bullet points and items numbered 1,2,3... These items are for the list elements only:
- lisit-style-type
- Specifies the current element's list item type. Accepted values:
- disc
- circle
- square
- decimal
- lower-roman
- upper-roman
- lower-alpha
- upper-alpha
- none
- list-style-position
- Specifies the current element's list item position. Accepted values:
- inside
- outside
- list-style-image
- Specifies the current element's list item image - in case any of the above list styles aren't to your liking. All images in the form "url(<image location>);" are accepted.
- list-style
- Specifies all (or just some) of the above properties, in the order listed.
Excercise: Open "MyFirstPage.html". If you don't have a list, create one, and use at least one of the above properties instead of the defaulted styles.
If your code looks like mine, you've succeeded, and can go on to another lesson.
Comment on this page:
Comments
No one has commented on this lesson yet. You can be the first!