Cascading Style Sheets/Lists
From WikiKnowledge
Contents |
[edit] list-style-type
The list-style-type property is used to change the style of the bullets or numbering in a list. Possible values are:
| disk | A solid disk (i.e. a solid black dot) |
| circle | A circle |
| square | A square |
| decimal | Decimal numbers. 1, 2, 3 ... |
| decimal-leading-zero | Decimal numbers with a 0 in front. 01, 02, 03 ... |
| lower-roman | Roman numbers in lowercase. i, ii, iii, iv ... |
| upper-roman | Roman numbers in uppercase. I, II, III, IV ... |
| lower-greek | Greek letters in lowercase. |
| lower-latin | Latin letters in lowercase. a, b, c ... |
| upper-latin | Latin letters in uppercase. A, B, C ... |
| armenian | |
| georgian | |
| none | Don't use any marker. |
| inherit | Inherit this setting. |
[edit] list-style-image
The list-style-image property is used to give an image for the bullets in a list. Possible values are:
- url
- The url to the image to use.
- none
- No image.
- inherit
- Inherit this setting.
For example to use an image named Bullet.gif as the bulles for a list you would use this HTML:
<ul style="list-style-image: url(Bullet.gif);">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
[edit] list-style-position
This property controls where the markers for the list appear. Possible values are:
- inside
- The markers are inside the li elements.
- outside
- The markers are outside the li elements.
- inherit
- Inherit this setting.
