CancelImage Upload

CSS Bullet Point Styles and their availability on various browsers

Originally I was going to write an article on how Bullet Point Styles could be changed via JavaScript and the getElementById() function. Legend had it that bullet points styles could be manipulated via:

document.getElementById("id_1").style.listStyle

If you can get this to work however, let me know. I could not find a single browser that was capable of interpreting the above form of address.

So instead I decided to write a reference on the various list styles, and their availability on browsers such as Internet Explorer, Firefox and Opera. The revelation here is that out of the 10 styles listed below, only 5 worked on Internet Explorer (Version 8). Opera and Firefox were capable of interpreting all of them:

List Style Circle

list-style:circle;

List of celebrities I find annoying:
  • Amy Whitehouse
  • Katie Price
  • Peter Andre
  • Peaches Geldolf
  • Noel Edmonds

List Style Decimal

list-style:decimal;

My 2010 NBA Championship Favourites:
  • Boston Celtics (Biased Choice)
  • LA Lakers (Would be #1 if I used Logic)
  • Cleveland Cavaliers (Will LeBron Rejuvenate Shaq?)
  • LA Clippers (If the Clips do pull of the biggest turn around in NBA/Sport History, here is where you read it first!)

List Style Square

list-style:square;

Top 5 Most Dangerous US Cities:
  • New Orleans
  • Camden, NJ
  • Detroit
  • St. Louis
  • Oakland

List Style Lower Roman

list-style:lower-roman;

Top Ten Bestselling Albums of All Time (Worldwide):
  • Michael Jackson - Thriller
  • AC/DC - Back in Black
  • Meat Loaf - Bat Out of Hell
  • The Eagles - Their Greatest Hits (1971-1975)
  • Dirty Dancing soundtrack

List Style Upper Roman

list-style:upper-roman;

Top 5 Movies of the Summer (2008):
  • WALL-E
  • The Dark Knight
  • Iron Man
  • Tropic Thunder
  • Forgetting Sarah Marshall

List Style Decimal Leading Zero

list-style:decimal-leading-zero;

NBA 2008-09 Postseason Scoring Leaders:
  • LeBron James (35.3)
  • Kobe Bryant (30.2)
  • Dwyane Wade (29.1)
  • Tony Parker (28.6)
  • Carmelo Anthony (27.2)

List Style Lower Greek

list-style:lower-greek;

NBA 2008-09 Postseason Assists Leaders:
  • Chris Paul (11.0)
  • Deron Williams (10.7)
  • Gilbert Arenas (10.0)
  • Steve Nash (9.7)
  • Jose Calderon (8.9)

List Style Lower Latin

list-style:lower-latin;

NBA 2008-09 Postseason Efficiency Leaders:
  • LeBron James (30.88)
  • Chris Paul (30.46)
  • Dwyane Wade (29.29)
  • Dwight Howard (27.0)
  • Dirk Nowitzki (25.1)

List Style Upper Latin

list-style:upper-latin;

NBA 2008-09 Postseason Rebound Leaders:
  • Dwight Howard (15.3)
  • Carlos Boozer (13.2)
  • Joakim Noah (13.1)
  • Kendrick Perkins (11.3)
  • Ming Yao (10.9)

List Style Georgian

list-style:georgian;

NBA 2008-09 Postseason Steals Leaders:
  • Mario Chalmers (2.86)
  • Rajon Rondo (2.54)
  • Jason Kidd (2.2)
  • Andrei Kirilenko (2.2)
  • Anthony Roberson (2.0)


Login
Want to leave a comment?

No problem. Just enter your email and password below.


register | home | reminder

myDesignTool Networking • www.mydesigntool.cominfo@mydesigntool.com