css list-style-image attribute


  Translation results:

list

英[lɪst] 美[lɪst]

n.List, catalog; slant; edge of cloth, end of cloth; narrow strip

vt. List, include; compile... into a table; record in the list

vi. List on the table

Third person singular: lists Plural: lists Present participle: listing Past Formula: listed past participle: listed

style

英[staɪl] 美[staɪl]

n. Style; style; fashion; instrument, Taste

vt. To design; to name; to shape...

vi. To conform to popular styles; to make decorative paintings with a carving knife

Third person singular: styles Plural: styles now Participle: styling Past tense: styled Past participle: styled

#image

英[ˈɪmɪdʒ] 美[ˈɪmɪdʒ]

n.Image; portrait; Concept, intention; mirror, image

vt. Reflect; imagine; make an image of; symbol

Third person singular: images Plural: images Present participle: imaging Past tense: imaged Past participle: imaged

css list-style-image attributesyntax

Function:Use images to replace the tags of list items.

Description: This attribute specifies an image as a symbol for an ordered or unordered list item. The placement of the image relative to the list item's content is typically controlled using the list-style-position property.

Note: Always specify a "list-style-type" attribute in case the image is not available. All browsers support the list-style-image attribute.

css list-style-image attributeexample

<html>
<head>
<style type="text/css">
ul 
{
list-style-image: none;
}
</style>
</head>

<body>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>可口可乐</li>
</ul>
</body>

</html>

Run instance »

Click the "Run instance" button to view the online instance

Home

Videos

Q&A