html - How do I make a binary counter with the <ol> tag? -


i thought following:

<ol style = "type:numeric; glyphs: '0' '1';">     <li> item 0 </li>     <li> item 1 </li>     <li> item 2 </li> </ol> 

to produce list counted in binary. is, above example should have produced:

0. item 0

1. item 1

10. item 2

but alas, did no such thing. firefox ignored style suggestions.

i reading on http://www.w3.org/tr/css3-lists/ (section 8.1.2)

but i've misread / misunderstood specification. help?

thank you!

the type , glyphs properties go in side @counter-style declaration, need define counter style use it.

@counter-style mybinary {     type: numeric;     glyphs: '0' '1' '2'; }  <ol style = "list-style-type:mybinary;">     <li> item 0 </li>     <li> item 1 </li>     <li> item 2 </li> </ol> 

i don't think browser implements though found on besides working draft , line mdn

css lists , counters module level 3 working draft adds support , adds identifiers used in @counter-style rules keywords. these changes not yet reflected on page no browser implements them.


Comments

Popular posts from this blog

How to remove text and logo OR add Overflow on Android ActionBar using AppCompat on API 8? -

html - How to style widget with post count different than without post count -

url rewriting - How to redirect a http POST with urlrewritefilter -