[1]
[CITE[HTMLayout CSS support map]]
> left-side-length,
top-side-length,
right-side-length,
bottm-side-length
> Expandable filling image margins.
See Expandable tiling section in HtmLayout documentation.
To use extended fill background background-repeat attribute should be equal to 'expand'. Non standard. HTMLayout specific.
([[名無しさん]] [sage])
[2]
[CITE@ja[background-positionの%値について]] ([[みりばーる]] 著, [CODE[2007-07-09 21:26:58 +09:00]] 版)
([[名無しさん]])
[3]
[CITE@ja[CSS_XHTML_TIPS:CSS-TIPS CSSで背景画像位置調整に関するNetscapeバグ]] ([CODE[2007-05-15 09:54:06 +09:00]] 版)
[[バグ]]だといっているが、 [[CSS 2]](.0) 的には
[[Netscape]] 7 の動作で正しい。
([[名無しさん]])
[4]
[[Firefox]] 2 は [CODE(CSS)@en[[[background-position]]]]
が [[CSS]] に指定されていると [[CSSOM]] 上は
([CODE(JS)@en[[[for]]..[[in]]]] や
[CODE(DOMm)@en[[[getPropertyValue]]]] で得られるのは)
[CODE(CSS)@en[[[-x-background-x-position]]]] や
[CODE(CSS)@en[[[-x-background-y-position]]]]
に分解されますが、対応する [[DOM]] [[属性]]はないようです。
[[DOM]] [[属性]] [CODE(DOMa)@en[[[backgroundPosition]]]]
も常に[[空文字列]]のようです
([CODE(CSS)@en[[[background-position]]]] を
[CODE(DOMm)@en[[[setProperty]]]] に指定すれば得られるようです)。
[CODE(CSS)@en[[[-x-background-x-position]]]] の方を [[CSS]]
に指定したり、 [CODE(DOMm)@en[[[setProperty]]]]
に指定したりすると、[Q[内部的に飲み使われるプロパティを使用しようとしました。]]というエラーが[[エラーコンソール]]に出て無視されます。
[CODE(DOMm)@en[[[getComputedStyle]]]] の方も同様ですが、
[CODE(DOMm)@en[[[getPropertyValue]]]] でも3[[特性]]とも[[空文字列]]のようです。
[CODE(DOMa)@en[[[backgroundPosition]]]] も[[空文字列]]です。
([[名無しさん]])
[5]
-
[CODE(CSS)@en[[[background-position]]: 20[[px]] [[top]]]]
-
[CODE(CSS)@en[[[background-position]]: 20[[px]] [[bottom]]]]
-
[CODE(CSS)@en[[[background-position]]: 20[[px]] [[center]]]]
(y が 50%)
- ([[CSS 2.1]] によれば[[非妥当]])
[CODE(CSS)@en[[[background-position]]: 20[[px]] [[left]]]]
- ([[CSS 2.1]] によれば[[非妥当]])
[CODE(CSS)@en[[[background-position]]: 20[[px]] [[right]]]]
([[名無しさん]])
[6]
- [CODE(CSS)@en[[[background-position]]: [[left]] 20[[px]]]]
- [CODE(CSS)@en[[[background-position]]: [[right]] 20[[px]]]]
- [CODE(CSS)@en[[[background-position]]: [[center]] 20[[px]]]]
- [CODE(CSS)@en[[[background-position]]: [[top]] 20[[px]]]]
- [CODE(CSS)@en[[[background-position]]: [[bottom]] 20[[px]]]]
([[名無しさん]])
[7]
[[Firefox]] 2、[[WinIE 6]]、[[Opera]] 9 のいずれも、
1つか2つ値を指定できます。 [[Firefox]] と [[Opera]] では間に0個以上の[[空白]]があればいいですが、
[[WinIE]] では1つ以上ないと[[宣言]]ごと[[無視]]されます。
値の1つが[[鍵語]]でもう1つが [CODE(CSS)@en[<[[length]]>]] や
[CODE(CSS)@en[<[[percentage]]>]] のとき、
順序が [[CSS 2.1]] に照らして誤っていると、[[Firefox]] 2 と
[[Opera]] 9 は[[宣言]]ごと[[無視]]しますが、
[[WinIE 6]] は順序を入れ替えて解釈します。
[[Opera]] では [[CSSOM]] 上に現れる値は[[鍵語]]を
[CODE(CSS)@en[<[[percentage]]>]] に変換したものです。
[[WinIE]] や [[Firefox]] では[[鍵語]]もそのまま現れます。
値が1つだけのときに補われる値は3ブラウザとも
[CODE(CSS)[50[[%]]]] です ([[CSS 2.1]] では
[CODE(CSS)@en[[[center]]]] (結局同義ですが))。
3ブラウザとも [[CSSOM]] に現れる値では x y の順に[[正規化]]されるようです。
([[名無しさん]])
[8]
[[WinIE 6]] で [CODE(CSS)@en[[[background-position-x]]]]
か [CODE(CSS)@en[[[background-position-y]]]] の一方だけを設定すると、
[CODE(DOMa)@en[[[backgroundPosition]]]] の値は他方が[[空文字列]]になるようです。
[[レンダリング]]上は[[初期値]] ([CODE(CSS)@en[0[[%]] 0[[%]]]])
から変更なしとみなされるようです。
([[名無しさん]])
[9]
[[WinIE 6]] と [[Opera]] 9 は常に値2つともを出力するようですが、
[[Firefox]] 2 は2つの値が同一なら1つだけしか出力しないようです ([CODE(CSS)@en[[[center]]]] や [CODE(CSS)[50[[%]]]] 以外のときまでこれをしてしまうのは誤り)。
([[名無しさん]])
[10]
>>7 [[Firefox]] 2 で値が1つだけの時に補われる値は、その1つが[[鍵語]]の場合、もう1つも[[鍵語]]になるようです。
([[名無しさん]])