# list-style-image property

The `list-style-image` property sets an image for a list marker.

## Syntax

`selector { list-style-image: url("path to an image file") | none; }`

## Values

Value | Description
--- | ---
`url` | Path to file with an image. The name of the image can be in double quotes, single quotes or without quotes at all.
`none` | Cancels an image for a list.

Default value: `none`.

## Example

`<ul> <li>list item</li> <li>list item</li> <li>list item</li> <li>list item</li> <li>list item</li> </ul>` `ul { list-style-image: url("li.gif"); }`

:

## See also

- the `list-style-type` property
  that specifies a type of list markers
- the `list-style-position` property
  that specifies markers position
- the `list-style` property
  that is shorthand for markers

← →
↑
en ru