[1]
counter-reset & counter-increment
テスト用
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0A%20%20counter-increment%3A%20a%20-moz-initial%20-4%20a%20a%207%20A%20a%3B%0A%7D;h=%3Cp%3E%3Cbutton%20type%3Dbutton%20onclick%3D%22%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('p')%5B1%5D%3B%0A%20%20d%20%3D%20getComputedStyle%20(el%2C%20null)%3B%0A%20%20w%20(d.counterIncrement)%3B%0A%22%3E%3Ccode%3EgetComputedStyle%3C%2Fcode%3E%20(%3Ccode%3EcounterIncrement%3C%2Fcode%3E)%3C%2Fbutton%3E%20%3Cbutton%20type%3Dbutton%20onclick%3D%22%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('p')%5B1%5D%3B%0A%20%20d%20%3D%20getComputedStyle%20(el%2C%20null)%3B%0A%20%20w%20(d.counterReset)%3B%0A%22%3E%3Ccode%3EgetComputedStyle%3C%2Fcode%3E%20(%3Ccode%3EcounterReset%3C%2Fcode%3E)%3C%2Fbutton%3E%3C%2Fp%3E%0A%3Cp%20class%3Dtest%3Exxxxxxxxxxxxxxx;p=n;x=style-element;i=html-div>
(名無しさん)
-moz-initial を使えます。none、
inherit、
-moz-initial の場合、
2つ目以降の値が存在すると、宣言ごと無視します。<identifier> とみなされます)。<integer> は小数部を含んではいけません
(含んでいると宣言ごと無視します)。(名無しさん)
none や
inherit でも、他に値があれば、
計数子名である <identifier>
とみなします。<integer> は数ならなんでも良いようです。
零の方向に切り捨てます。- で始まる IDENT
の扱いが変です。| 元の CSS | CSSOM 上の値 |
a -b | "a" |
a -b 4 | "a" 4 |
a -b -c -d 4 | "a" 4 |
a -/**/b 4 | "a" 4 |
a 1 -b 4 | (宣言ごと無視) |
(名無しさん)
<identifier> の大文字・小文字は保存されます。(名無しさん)
<identifier> の大文字・小文字は保存されます。<identifier> はなぜか
" で括られます。元々 " が含まれていれば
\" となります。<identifier> の順序や重複も保存されます。>>3 どうしても - ではじめたいときは
\- とすればおk。
(名無しさん)
[6]
Firefox 2 getComputedStyle
[7]
Opera 9 getComputedStyle、
currentStyle
[8] CSS Generated Content Module Level 3 ( ( 版)) <http://dev.w3.org/csswg/css3-content/#counters>
[9] CSS3 Generated and Replaced Content Module ( ( 版)) <http://www.w3.org/TR/2003/WD-css3-content-20030514/#counters>
[10] Chrome では数値が指定されていなければ 0 or 1 が補われて直列化されます。 Firefox では省略されていればそのままになります。
[11] Chrome でも Firefox でも大文字・小文字は保持されます。
[12] Chrome でも Firefox でも最初の字句が none、
inherit、initial (Firefox は更に -moz-initial)
のいずれかなら (ASCII大文字・小文字不区別) それ以後に別に字句があると非妥当になります。
しかし2つ目以降の字句がこれらならカウンター名とみなされます。 (この場合大文字・小文字が保持されます。)
[13] Chrome は任意の <number> を受け付けるようですが直列化すると整数に丸められています。
Firefox は <integer> しか受け付けないようです。