実装 [1]
clip:rect(0%, 101%, 101%, 0%); [PP10]
[2] Layer.clip
bottom Layer JavaScript 1.2 )height Layer JavaScript 1.2 )left Layer JavaScript 1.2 )right Layer JavaScript 1.2 )top Layer JavaScript 1.2 )width Layer JavaScript 1.2 )
[3]
WinIE 6 構文解析 :
零文字以上の空白 を読み飛ばす。 次の字句 が IDENT rect 宣言 全体を無視 し、終わり。他の特性 同様、大文字 やescape や注釈 を途中で使えます。 零個以上の空白 を読み飛ばす。 次の字句 が ( でなければ、宣言 全体を無視 し、
終わり。例によって ( は \( でもおk。 前後に注釈 があってもおk。 零個以上の空白 を読み飛ばす。 次の字句 を <length >、
<percentage >、または
'auto ' として解釈を試みる。例によって、 CSS 2.1 の定義ではなく、 WinIE
の解釈による。 奇癖モード や 0 ] の場合には<number > の単位は px 解釈可能であれば、4辺にその値を設定する。 解釈可能でなければ、宣言 全体を無視 し、終わり。 1個以上の空白 を読み飛ばすことができれば:次の字句 を先程同様に解釈を試みる。解釈可能であれば、左辺・右辺にその値を設定する。 1個以上の空白 を読み飛ばすことができれば:次の字句 を先程同様に解釈を試みる。解釈可能であれば、下辺にその値を設定する。 零個以上の空白 を読み飛ばす。1個以上の空白 を読み飛ばした場合:次の字句 を先程同様に解釈を試みる。解釈可能であれば、左辺にその値を設定する。 零個以上の空白 を読み飛ばす。 解釈可能でなければ、次の字句 が ) \) でもおk)、最後の段階へ。 そうでなければ、宣言 全体を無視 し、終わり。 ) \) でもk) がなければ、
宣言 全体を無視 し、終わり。零個以上の空白 を読み飛ばす。特性値 の末尾でなければ、
宣言 全体を無視 する。終わり。 (名無しさん )
[4]
WinIE 6 構文解析 :
零文字以上の空白 を読み飛ばす。 次の字句 が IDENT rect 宣言 全体を無視 し、終わり。他の特性 同様、大文字 やescape や注釈 を途中で使えます。 零個以上の空白 を読み飛ばす。 次の字句 が ( でなければ、宣言 全体を無視 し、
終わり。例によって ( は \( でもおk。 前後に注釈 があってもおk。 零個以上の空白 を読み飛ばす。 次の字句 を <length >、
<percentage >、または
'auto ' として解釈を試みる。例によって、 CSS 2.1 の定義ではなく、 WinIE
の解釈による。 奇癖モード や 0 ] の場合には<number > の単位は px 解釈可能であれば、4辺にその値を設定する。 解釈可能でなければ、宣言 全体を無視 し、終わり。 1個以上の空白 を読み飛ばすことができれば:次の字句 を先程同様に解釈を試みる。解釈可能であれば、左辺・右辺にその値を設定する。 1個以上の空白 を読み飛ばすことができれば:次の字句 を先程同様に解釈を試みる。解釈可能であれば、下辺にその値を設定する。 零個以上の空白 を読み飛ばす。1個以上の空白 を読み飛ばした場合:次の字句 を先程同様に解釈を試みる。解釈可能であれば、左辺にその値を設定する。 零個以上の空白 を読み飛ばす。 解釈可能でなければ、次の字句 が ) \) でもおk)、最後の段階へ。 そうでなければ、宣言 全体を無視 し、終わり。 ) \) でもk) がなければ、
宣言 全体を無視 し、終わり。零個以上の空白 を読み飛ばす。特性値 の末尾でなければ、
宣言 全体を無視 する。終わり。 (名無しさん )
[5]
テスト用
http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20clip%3A%20rect(1px%2C%20auto%2C%20-3em%206.77pc)%3B%0D%0A%7D;h=%3Cbutton%20type%3Dbutton%20onclick%3D%22%0D%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('p')%5B0%5D%3B%0D%0A%20%20d%20%3D%20getComputedStyle%20(el%2C%20null)%3B%0D%0A%20%20w%20(d.clip)%3B%0D%0A%22%3E%3Ccode%3EgetComputedStyle%3C%2Fcode%3E%3C%2Fbutton%3E%20%3Cbutton%20type%3Dbutton%20onclick%3D%22%0D%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('p')%5B0%5D%3B%0D%0A%20%20d%20%3D%20el.currentStyle%3B%0D%0A%20%20w%20(d.clip)%3B%0D%0A%22%3E%3Ccode%3EcurrentStyle%3C%2Fcode%3E%3C%2Fbutton%3E%0D%0A%3Cp%3Exxxxxxxxxxxxxxx;p=n;x=style-element;i=html-div
(名無しさん )
[6]
rect ()引数 に auto 算出値 は
CSS 2.1 の文面からは不明瞭です。
(名無しさん )
[7]
<shape > の説明には算出の方法が載っていますが、
幅や高さの算出値 がどうとかいうよくわからない定義になっています。
CSS 2.1 でいうところの特性 の算出値 は
auto 使用値 のつもりで書いているのでしょうか。
(名無しさん )
[8]
Firefox 2 構文解析 :
CSS 2.1 通り-moz-initial 引数 の区切りには零個以上の空白 、
高々1個の , 空白 の列が使える(名無しさん )
[9]
Opera 9 構文解析 :
>>8 と同じ (-moz-initial 名無しさん )
[10]
WinIE 6 直列化 :
他の特性 と同じ感じで。
引数 の区切り は1 SPACE 名無しさん )
[11]
Firefox 2 直列化 : 他の特性 と同じ感じで。
auto rect (auto , auto , auto , auto )名無しさん )
[12]
Opera 9 直列化 : 他の特性 と同じ感じで。
(名無しさん )
[13]
Opera 9 直列化 : 他の特性 と同じ感じで。
(名無しさん )
[14]
Opera 9 直列化 : 他の特性 と同じ感じで。
(名無しさん )
[15]
WinIE 6 currentStyle clip 名無しさん )
[16]
Firefox 2 getCurrentStyle auto rect (auto , auto , auto , auto )auto rect ()引数 は、それぞれの算出値
(px auto 算出値 は
auto
(名無しさん )
[17]
Opera 9 getComputedStyle currentStyle auto rect (auto , auto , auto , auto )引数 について
getComputedStyle 算出値
(px currentStyle 指定値 ただし、 auto getComputedStyle 0px 、
currentStyle 0 [20] rect() , <whitespace>
でも良いようですが、 CSS3 でも Firefox でも Chrome でも混在は認められていません。 2013-09-11T14:25:52.100Z
[21] Chrome でも Firefox でも、区切りがまったくなしでもいいようです。 2013-09-11T14:26:09.000Z
[22] 直列化 のときに Firefox は , Chrome
は元のままです。 2013-09-11T14:31:06.0Z
[23] OASIS Open Document Format for Office Applications (OpenDocument) Version 1.2 - Part 1: OpenDocument Schema
(2011-09-29 13:00:00 +09:00 版)
http://docs.oasis-open.org/office/v1.2/os/OpenDocument-v1.2-os-part1.html#a20_179fo_clip