What is the html syntax to create a list that uses a given character, i.e. ▲ or #, as bullet points instead of the standard circles or numbers?
Asked
Active
Viewed 1,894 times
0
2 Answers
1
What you are looking for is a custom bullet icon:
ul {
list-style-image: url('sqpurple.gif');
}
The
list-style-type
style in CSS applied to the ul
and ol
tags.
This JSFiddle has some useful list icon types. More types of icons are supported though:
ul.a {list-style-type: circle;}
ul.b {list-style-type: disc;}
ul.c {list-style-type: square;}
ol.d {list-style-type: armenian;}
ol.e {list-style-type: cjk-ideographic;}
ol.f {list-style-type: decimal;}
ol.g {list-style-type: decimal-leading-zero;}
ol.h {list-style-type: georgian;}
ol.i {list-style-type: hebrew;}
ol.j {list-style-type: hiragana;}
ol.k {list-style-type: hiragana-iroha;}
ol.l {list-style-type: katakana;}
ol.m {list-style-type: katakana-iroha;}
ol.n {list-style-type: lower-alpha;}
ol.o {list-style-type: lower-greek;}
ol.p {list-style-type: lower-latin;}
ol.q {list-style-type: lower-roman;}
ol.r {list-style-type: upper-alpha;}
ol.s {list-style-type: upper-latin;}
ol.t {list-style-type: upper-roman;}

shashanka n
- 2,568
- 1
- 14
- 21
-
-
@RachelGallen Which is exactly why I included the image list style. That covers the requirement doesn't it? – shashanka n Jul 30 '15 at 06:41
that is a regular character, and not an image](http://stackoverflow.com/questions/7698764/custom-bullet-symbol-for-li-elements-in-ul-that-is-a-regular-character-and)