CSS List-Style-Image Property



CSS Tutorial  >  List  >  List-style-image

The list-style-image property is used to specify an image to use for the mark. The syntax is

list-style-image: url([image_url]);

For example, if our CSS code is

ul {
  list-style-image:url("circle.gif");
}

the following HTML code

<ul>
  <li>First list for custom marker.
  <li>Second list for custom marker.
</ul>

would render,

  • First list for custom marker.
  • Second list for custom marker.

Notice now the bullet points are replaced by red circles.

Next: CSS Table




Copyright © 2017   1keydata.com   All Rights Reserved   Privacy Policy   About   Contact