List styles

Back to the index.

list-style-type defines the type of your list markers (bullets). The browsers support a lot of values.

The table below gives compatibility information on values that are supported by at least one browser.

Method or property Internet Explorer Firefox Safari Chrome Opera Yandex
7 and lower 8 9 10 11 32 Win 32 Mac 32 Linux 7 37 Win 37 Mac 37 Linux 24 Win 24 Mac 14.8 Win 14.8 Mac
asterisks
  • Test
  • Test
  • Test
  • Test
 No No Yes Yes Yes Yes
binary
  • Test
  • Test
  • Test
  • Test
 No No Yes Yes Yes Yes
circle
  • Test
  • Test
  • Test
  • Test
 Yes Yes Yes Yes Yes Yes
decimal
  • Test
  • Test
  • Test
  • Test
 Yes Yes Yes Yes Yes Yes
decimal-leading-zero
  • Test
  • Test
  • Test
  • Test
 No Yes Yes Yes Yes Yes Yes
Method or property Internet Explorer Firefox Safari Chrome Opera Yandex
7 and lower 8 9 10 11 32 Win 32 Mac 32 Linux 7 37 Win 37 Mac 37 Linux 24 Win 24 Mac 14.8 Win 14.8 Mac
disc
  • Test
  • Test
  • Test
  • Test
 Yes Yes Yes Yes Yes Yes
footnotes
  • Test
  • Test
  • Test
  • Test
 No No Yes Yes Yes Yes
lower-alpha
  • Test
  • Test
  • Test
  • Test
 Yes Yes Yes Yes Yes Yes
I don't understand the difference between alpha and latin.
lower-greek
  • Test
  • Test
  • Test
  • Test
 No Yes Yes Yes Yes Yes Yes
lower-hexadecimal
  • Test
  • Test
  • Test
  • Test
 No No Yes Yes Yes Yes
Method or property Internet Explorer Firefox Safari Chrome Opera Yandex
7 and lower 8 9 10 11 32 Win 32 Mac 32 Linux 7 37 Win 37 Mac 37 Linux 24 Win 24 Mac 14.8 Win 14.8 Mac
lower-latin
  • Test
  • Test
  • Test
  • Test
 No Yes Yes Yes Yes Yes Yes
I don't understand the difference between alpha and latin.
lower-roman
  • Test
  • Test
  • Test
  • Test
 Yes Yes Yes Yes Yes Yes
none
  • Test
  • Test
  • Test
  • Test
 Yes Yes Yes Yes Yes Yes
octal
  • Test
  • Test
  • Test
  • Test
 No No Yes Yes Yes Yes
square
  • Test
  • Test
  • Test
  • Test
 Yes Yes Yes Yes Yes Yes
Method or property Internet Explorer Firefox Safari Chrome Opera Yandex
7 and lower 8 9 10 11 32 Win 32 Mac 32 Linux 7 37 Win 37 Mac 37 Linux 24 Win 24 Mac 14.8 Win 14.8 Mac
upper-alpha
  • Test
  • Test
  • Test
  • Test
 Yes Yes Yes Yes Yes Yes
I don't understand the difference between alpha and latin.
upper-greek
  • Test
  • Test
  • Test
  • Test
 No Yes No Yes Yes Yes Yes
upper-hexadecimal
  • Test
  • Test
  • Test
  • Test
 No No Yes Yes Yes Yes
upper-latin
  • Test
  • Test
  • Test
  • Test
 No Yes Yes Yes Yes Yes Yes
I don't understand the difference between alpha and latin.
upper-roman
  • Test
  • Test
  • Test
  • Test
 Yes Yes Yes Yes Yes Yes
Method or property Internet Explorer Firefox Safari Chrome Opera Yandex
7 and lower 8 9 10 11 32 Win 32 Mac 32 Linux 7 37 Win 37 Mac 37 Linux 24 Win 24 Mac 14.8 Win 14.8 Mac

Unsupported values

CSS 3 defined other values that are not yet supported by any browser. Below is an overview; as soon as browsers start to support a value I'll move it to the table above.

CSS3 adds many alphabets, but seems to focus on odd ones. I'm missing Cyrillic and Arab, which have quite large user bases, while the spec does mention tons of obscure Ethiopian and Caucasian alphabets.

If we must support lots of vague alphabets anyway, W3C should add futhark (Germanic runes) and ogham (old Celtic script). It would make ancient historians very happy.

For testing purposes I restricted myself to the Latin and Greek values, because these are the only ones I can actually read.

Tested browsers

Desktop browser test array 2.0.1; September 2014

IE7 and lower
I removed them, so they’re not tested for newer methods and properties that they don’t support anyway. However, I copy all information from older versions of the Tables.
If IE8 supports a method or property I never tested before I have to guess if IE7 and lower also support it. In general I assume they support the Microsoft-invented properties, but for others I will occasionally have to add a "Don’t know" entry. If IE8 does not support something I never tested before, I assume IE7 and lower also don’t support it.
IE 8, 9, and 10
Trident
On separate Windows 7 virtualizations
IE11
Trident
On Windows 8.1 virtualization
On Surface
Firefox
Gecko
32 on Windows 7, Mac, and Linux
Safari
WebKit
7.0.5 on Mac
Chrome
Chromium 37
37 on Win7, Mac and Linux
Opera 24
Chromium 37
24.0 on Win7 and Mac
Yandex 14
Chromium 36
14.8 on Win7
14.8 on Mac

Operating systems

Mac
MacBook Pro 17'' with OS 10.9.4
This is my main test station. It also runs all virtual Windows systems.
Windows
All downloaded from modern.ie. I use VirtualBox, and downloded the Windows 7 systems for all browsers but IE11, which runs on Windows 8.1.
The non-IE Windows browsers all run on the IE9/Win7 virtualization.
Surface
Microsoft Surface with Windows RT 8.1
Linux
Ubuntu 12.04 on pretty old hardware. Not fair for performance comparisons.