[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
(名無しさん)
[2]
Firefox 2 構文解析
- 原則的には CSS 2.1 通りのようです。
- 特別な値
-moz-initial を使えます。 - 1つ目の値が
none、
inherit、
-moz-initial の場合、
2つ目以降の値が存在すると、宣言ごと無視します。 - 1つ目の値が違うなら、2つ目以降の値が上記の3つであっても構いません
(計数子名である
<identifier> とみなされます)。 <integer> は小数部を含んではいけません
(含んでいると宣言ごと無視します)。
(名無しさん)
[3]
Opera 9 構文解析
- おおむね CSS 2.1 通りのようです。
- 1つ目やそれ以降の値が
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 | (宣言ごと無視) |
中途半端に数のようなものとして扱われている?(名無しさん)
[4]
Firefox 2 直列化
- 他の特性でもなされるような正規化がなされます。
<identifier> の大文字・小文字は保存されます。
(名無しさん)
[5]
Opera 9 直列化
- 他の特性でもなされるような正規化がなされます。
<identifier> の大文字・小文字は保存されます。<identifier> はなぜか
" で括られます。元々 " が含まれていれば
\" となります。<identifier> の順序や重複も保存されます。
>>3 どうしても - ではじめたいときは
\- とすればおk。
(名無しさん)
[6]
Firefox 2 getComputedStyle
- 基本的には指定値通りです。
- 省略されていた
<integer> (0 or 1) が補われます。
(名無しさん)
[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つ目以降の字句がこれらならカウンター名とみなされます。 (この場合大文字・小文字が保持されます。)
[15] どちらも default や unset は妥当な識別子とみなします。[13] Chrome は任意の <number> を受け付けるようですが直列化すると整数に丸められています。
Firefox は <integer> しか受け付けないようです。
[14] Chrome でも Firefox でも、同じ識別子が複数回登場してもそのまま保持します。