Applying Styles to Lists

These are the properties you typically use with lists:

  • list-item Sets the display property to this value to create a list.

  • list-style-image Sets the image that will be used as the list item marker. Internet Explorer only.

  • list-style-type Sets the appearance of the list item marker, such as disc, circle, square, decimal, lowercase Roman, uppercase Roman, and others.

Here's an example. In this case, I'm setting the marker in front of each list item in an unordered list to a square using list-style-type . Note that you have to set the display property to list-item :

 TITLE {display: block; font-size: 24pt; font-weight: bold;  text-align: center; text-decoration: underline} AUTHOR {display: block; font-size: 18pt; font-weight: bold; text-align: center} SECTION {display: block; font-size: 16pt; font-weight: bold; text-align: center; font-style: italic} P {display:list-item; list-style-type: square} 


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