BIGBAER.com mascot Rez the Grizzly Bear

Unordered List Item Marker Styles

list-style: none; alternative marker options

marker list-style: none - font-size em

<ul style="list-style: none; margin-left:23px;">

character entity bull - big bullets for unordered lists

The following example is styled using li.bigbull:first-letter {color: green; font-size: 250%;} - Opera, and Mozilla based browsers, will render the proper the behavior. The pseudo class first:letter sizes the bullet character to display 250% larger than the declared list item font-size. The three variants are sized at 0.7em, 1em and 1.5em respectively. Internet Explorer does not recognize the first:letter pseudo class instruction as applied: li.bigbull.first:letter is beyond Internet Explorer's current CSS capabilities.

li.bigbull:first-letter { color: green; font-size: 250%;}
li span {font-size: 1.5em; color: red;}
li span.big-blue-balls {font-size: 46px; color: blue;}
img {border:0;}

images as list item markers

list-style: none; list-item marker images

vertical-align inline marker images


<ul style="list-style: none;"> <ul style="list-style: none; margin-left:23px;" title="simulate default margin">

[ CSS Menus Unordered Lists | CSS Image Text Wrap | CSS Vertical Align Image Styles | Expanded Character Entity List ]

Link to this page! Share the resource.

[ Return to Top of Page | Access Key list | Contact Us! ]

Valid XHTML 1.0! Valid CSS! WAI-AAA

© 2003 BIG BAER Urban Alternative Music Magazine