w3pop.com :: ÍøÂçѧԺ :: CSS :: CSS Áбí
The CSS list properties allow you to place the list-item marker, change between different list-item markers, or set an image as the list-item marker.
CSSÁбíÊôÐÔÔÊÐíÄãÀ´°²ÖÃÁбíÏî±ê¼Ç£¬¸Ä±ä±ê¼ÇµÄÑù×Ó»òÕß½«Í¼Æ¬±äΪÁбíÏîµÄ±ê¼Ç
The different list-item markers in unordered lists
This example demonstrates the different list-item markers in CSS.
ÎÞÐòÁÐ±í²»Í¬Ñù×ÓµÄÁбí±ê¼Ç
The different list-item markers in ordered lists
This example demonstrates the different list-item markers in CSS.
ÓÐÐòÁÐ±í²»Í¬Ñù×ÓµÄÁбí±ê¼Ç
Set an image as the list-item marker
This example demonstrates how to set an image as the list-item marker.
ÉèÖÃͼƬ×öΪ±ê¼Ç
Place the list-item marker
This example demonstrates where to place the list-item marker.
°²ÖÃÁбí±ê¼Ç
All list properties in one declaration
This example demonstrates a shorthand property for setting all of the properties for a list in one declaration.
¿ìËÙÉùÃ÷ËùÓÐÁбíÊôÐÔ
The CSS list properties allow you to place the list-item marker, change between different list-item markers, or set an image as the list-item marker.
CSSÁбíÊôÐÔÔÊÐíÄã°²ÖÃÁбí±ê¼Ç£¬¸Ä±äÁбí±ê¼ÇµÄÑù×Ó»òÉèÖÃһͼƬ×öÁбíµÄ±ê¼Ç
Browser support: IE: Internet Explorer, F: Firefox, N: Netscape.
ä¯ÀÀÆ÷Ö§³Ö£ºIE: Internet Explorer, F: Firefox, N: Netscape
W3C: The number in the "W3C" column indicates in which CSS recommendation the property is defined (CSS1 or CSS2).
W3C£ºÀïÃæµÄÊý×Ö´ú±íCSS°æ±¾ºÅ
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| list-style | A shorthand property for setting all of the properties for a list in one declaration Ò»ÖÖ¿ÉÒÔÓÃÒ»¾äÉùÃ÷ÉèÖÃËùÓÐÁбíÊôÐԵĿìËÙÊôÐÔ |
list-style-type list-style-position list-style-image |
4 | 1 | 6 | 1 |
| list-style-image | Sets an image as the list-item marker ÉèÖÃÁбíÏîÄ¿±ê¼ÇÓÃͼ±ê±íʾ |
none url |
4 | 1 | 6 | 1 |
| list-style-position | Sets where the list-item marker is placed in the list ÉèÖÃÁбíÏîÄ¿±êÖ¾µÄλÖà |
inside outside |
4 | 1 | 6 | 1 |
| list-style-type | Sets the type of the list-item marker ÉèÖÃÁбíÏîÄ¿±êÖ¾µÄÀàÐÍ |
none disc circle square decimal decimal-leading-zero lower-roman upper-roman lower-alpha upper-alpha lower-greek lower-latin upper-latin hebrew armenian georgian cjk-ideographic hiragana katakana hiragana-iroha katakana-iroha |
4 | 1 | 4 | 1 |
| marker-offset | auto length |
1 | 7 | 2 |