demosthenes.info

Iā€™m Dudley Storey, the author of Pro CSS3 Animation. This is my blog, where I talk about web design and development with , and . To receive more information, including news, updates, and tips, you should follow me on Twitter or add me on Google+.

web developer guide

my books

Book cover of Pro CSS3 AnimationPro CSS3 Animation, Apress, 2013

my projects

CSSslidy: an auto-generated #RWD image slider. 1.5K of JS, no JQuery. Drop in images, add a line of CSS. Done.

tipster.ioAutomatically provides local tipping customs and percentages for services anywhere.

CSS3 list-style-type: Introduction

css / lists

Estimated reading time: 53 seconds

The CSS3 Lists Module has vastly expanded the variety of markers that can be applied to lists, including dozens of languages. There are so many possibilities that I will be dividing coverage into several sections: glyphs(unordered) and symbolic (ordered) systems; algorithmic, alphabetical, numeric and non-repeating systems (for ordered lists).

While the proposal for CSS3 lists has been around for a decade, browser support is still extremely limited: as of this writing, only a few new alphanumeric types, such as norwegian and hexidecimal, are present in most browsers. For that reason, I will only be writing about CSS3 list values as they become supported. Font selection may also influence the display of CSS3 lists (not every font has built-in characters for counting in Thai, for example). If you see future examples displayed as empty rectangles, missing Unicode symbols or plain Arabic numerals, it is likely that your browser does not support the list-style-type under discussion.

Finally, note that these new values expand on those for CSS1 and 2, and are used in addition to those basic values.

comments powered by Disqus

This site helps millions of visitors while remaining ad-free. For less than the price of a cup of coffee, you can help pay for bandwidth and server costs while encouraging further articles.