| ||||||
|
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:
List Style Decimal list-style:decimal; My 2010 NBA Championship Favourites:
List Style Square list-style:square; Top 5 Most Dangerous US Cities:
List Style Lower Roman list-style:lower-roman; Top Ten Bestselling Albums of All Time (Worldwide):
List Style Upper Roman list-style:upper-roman; Top 5 Movies of the Summer (2008):
List Style Decimal Leading Zero list-style:decimal-leading-zero; NBA 2008-09 Postseason Scoring Leaders:
List Style Lower Greek list-style:lower-greek; NBA 2008-09 Postseason Assists Leaders:
List Style Lower Latin list-style:lower-latin; NBA 2008-09 Postseason Efficiency Leaders:
List Style Upper Latin list-style:upper-latin; NBA 2008-09 Postseason Rebound Leaders:
List Style Georgian list-style:georgian; NBA 2008-09 Postseason Steals Leaders:
|