Alex Alex - 1 year ago 106
CSS Question

Customizing list item bullets with CSS?

Is it possible to change the size of a li element, e.g. list-style=square, via css? I can't seem to find any way to control it... Thanks!

adc adc
Answer Source

You mean altering the size of the bullet, I assume? I believe this is tied to the font-size of the li tag. Thus, you can blow up the font-size for the LI, then reduce it for an element contained inside. Kind of sucks to add the extra markup - but something like:

li {font-size:omgHuge;}
li span {font-size:mehNormal;}

Alternately, you can specify an image file for your list bullets, that could be as big as you want:

  list-style: square url("38specialPlusP.gif");


Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download