Difference between revisions of "CSS GUIDE LIST-STYLE-IMAGE"

From CDOT Wiki
Jump to: navigation, search
 
(See Also)
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
 
== Summary ==
 
== Summary ==
  
'''list-style-image''' sets the image that will be used as the list item marker.
+
The '''list-style-image''' sets the image that will be used as the list item marker.
  
 
* Initial value: none
 
* Initial value: none
Line 8: Line 8:
 
* Percentages: N/A
 
* Percentages: N/A
 
* Media: visual
 
* Media: visual
* Computed value: absolute URI or none  
+
* Computed value: absolute URI or none
  
 
== Syntax ==
 
== Syntax ==
Line 43: Line 43:
 
== See Also ==
 
== See Also ==
  
[[CSS_GUIDE_LIST-STYLE|list-style]], [[CSS_GUIDE_LIST-STYLE-TYPE|list-style-type]], [[CSS_GUIDE_LIST-STYLE-POSITION|list-style-position]]
+
[[CSS_GUIDE_LIST-STYLE|list-style]], [[CSS_GUIDE_LIST_STYLE_TYPE|list-style-type]], [[CSS_GUIDE_LIST-STYLE-POSITION|list-style-position]]

Latest revision as of 17:41, 13 December 2006

Summary

The list-style-image sets the image that will be used as the list item marker.

  • Initial value: none
  • Applies to: elements with 'display: list-item'
  • Inherited: yes
  • Percentages: N/A
  • Media: visual
  • Computed value: absolute URI or none

Syntax

list-style-image: <uri> | none | inherit

Legal Values

uri

  • Location of image to use as the marker.

Mozilla Recommended Values

Usage Examples

ul {
    list-style-image: url("images/bullet.gif");
}

Notes

Specification Conformance

Browser Compatibility

See Also

list-style, list-style-type, list-style-position