CSS list-style-image ÊôÐÔ
ʵÀý
°ÑͼÏñÉèÖÃΪÁбíÖеÄÏîÄ¿±ê¼Ç£º
ul
{
list-style-image:url("/i/arrow.gif");
list-style-type:square;
}
ä¯ÀÀÆ÷Ö§³Ö
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
ËùÓÐä¯ÀÀÆ÷¶¼Ö§³Ö list-style-image ÊôÐÔ¡£
×¢ÊÍ£ºÈκεİ汾µÄ Internet Explorer £¨°üÀ¨ IE8£©¶¼²»Ö§³ÖÊôÐÔÖµ "inherit"¡£
¶¨ÒåºÍÓ÷¨
list-style-image ÊôÐÔʹÓÃͼÏñÀ´Ìæ»»ÁбíÏîµÄ±ê¼Ç¡£
˵Ã÷
Õâ¸öÊôÐÔÖ¸¶¨×÷Ϊһ¸öÓÐÐò»òÎÞÐòÁбíÏî±êÖ¾µÄͼÏñ¡£Í¼ÏñÏà¶ÔÓÚÁбíÏîÄÚÈݵķÅÖÃλÖÃͨ³£Ê¹Óà list-style-position ÊôÐÔ¿ØÖÆ¡£
×¢ÊÍ£ºÇëʼÖչ涨һ¸ö "list-style-type" ÊôÐÔÒÔ·ÀͼÏñ²»¿ÉÓá£
ĬÈÏÖµ£º | none |
---|---|
¼Ì³ÐÐÔ£º | yes |
°æ±¾£º | CSS1 |
JavaScript Óï·¨£º | object.style.listStyleImage="url('/images/blueball.gif')" |
¿ÉÄܵÄÖµ
Öµ | ÃèÊö |
---|---|
URL | ͼÏñµÄ·¾¶¡£ |
none | ĬÈÏ¡£ÎÞͼÐα»ÏÔʾ¡£ |
inherit | ¹æ¶¨Ó¦¸Ã´Ó¸¸ÔªËؼ̳Рlist-style-image ÊôÐÔµÄÖµ¡£ |
TIY ʵÀý
- ½«Í¼Ïñ×÷ΪÁбíÏî±ê¼Ç
- ±¾ÀýÑÝʾÈçºÎ½«Í¼Ïñ×÷ΪÁбíÏî±ê¼Ç¡£
Ïà¹ØÒ³Ãæ
CSS ½Ì³Ì£ºCSS Áбí
CSS ²Î¿¼Êֲ᣺CSS list-style ÊôÐÔ
HTML DOM ²Î¿¼Êֲ᣺listStyleImage ÊôÐÔ