List Properties

CSS also includes a number of styles that you use with lists. Although Internet Explorer indicates that it supports many of them, I've found the support to be spotty. To use these styles, you should set the display property to list-item .

list-style

  • CSS1 values: [<list-style-type><list-style-position><list-style-image>]

  • CSS2 values: inherit

  • Default value: Not defined

  • Element support: List items

  • Browser support: [IE4, IE5, IE6]

  • Style inherited: Yes

This shorthand property sets the values of the list-style-type , list-style-position , and list-style-image properties all at the same time and in the specified order.

list-style-image

  • CSS1 values: <uri> none

  • CSS2 values: inherit

  • Default value: None

  • Element support: List items

  • Browser support: [IE4, IE5, IE6]

  • Style inherited: Yes

You can use this property to indicate an image that should be used next to every list item.

list-style-position

  • CSS1 values: insideoutside

  • CSS2 values: inherit

  • Default value: outside

  • Element support: List items

  • Browser support: [IE4, IE5, IE6]

  • Style inherited: Yes

This property sets the position of the list item marker; outside means that the marker should appear to the left of the text, and inside indicates that the marker should appear where the text's first character would normally appear.

list-style-type

  • CSS1 values: disccirclesquaredecimaldecimal-leading-zerolower-romanupper-romanlower-alphaupper-alphanone

  • CSS2 values: lower-greeklower-latinupper-latinhebrewarmeniangeorgiancjk-ideographichiragana katakana hiragana -irohakatakana-irohainherit

  • Default value: Disc

  • Element support: List items

  • Browser support: [IE4, IE5, IE6, NS4, NS6]

  • Style inherited: Yes

This property lets you set the type of list item marker if you don't use the list-style-image property, or it has the value none (which is the default)or if the image specified by that property cannot be displayed.

As you can see, there is a great deal to CSS, and it gives you a great deal of power formatting XML. In the next chapter, we'll start taking a look at the Java language to give us even more XML power.



Real World XML
Real World XML (2nd Edition)
ISBN: 0735712867
EAN: 2147483647
Year: 2005
Pages: 440
Authors: Steve Holzner

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net