<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="1" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[1]</anchor-end>
<code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">border-color</anchor></code> だけ設定されていないとき
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%20%20%7B%0D%0A%20%20color%3A%20blue%3B%0D%0A%20%20border%3A%201px%20solid%3B%0D%0A%7D%0D%0A;h=%3Cp%3E%3Cinput%20type%3Dbutton%20value%3DgetComputedStyle%20onclick%3D%22%0D%0A%20%20var%20el%20%3D%20this.parentNode%3B%0D%0A%20%20var%20s%20%3D%20getComputedStyle%20(el%2C%20null)%3B%0D%0A%20%20w%20(s.borderColor)%3B%0D%0A%22%3E%20%3Cinput%20type%3Dbutton%20value%3DcurrentStyle%20onclick%3D%22%0D%0A%20%20var%20el%20%3D%20this.parentNode%3B%0D%0A%20%20var%20s%20%3D%20el.currentStyle%3B%0D%0A%20%20w%20(s.borderColor)%3B%0D%0A%22%3E;p=n;x=style-element" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI">http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%20%20%7B%0D%0A%20%20color%3A%20blue%3B%0D%0A%20%20border%3A%201px%20solid%3B%0D%0A%7D%0D%0A;h=%3Cp%3E%3Cinput%20type%3Dbutton%20value%3DgetComputedStyle%20onclick%3D%22%0D%0A%20%20var%20el%20%3D%20this.parentNode%3B%0D%0A%20%20var%20s%20%3D%20getComputedStyle%20(el%2C%20null)%3B%0D%0A%20%20w%20(s.borderColor)%3B%0D%0A%22%3E%20%3Cinput%20type%3Dbutton%20value%3DcurrentStyle%20onclick%3D%22%0D%0A%20%20var%20el%20%3D%20this.parentNode%3B%0D%0A%20%20var%20s%20%3D%20el.currentStyle%3B%0D%0A%20%20w%20(s.borderColor)%3B%0D%0A%22%3E;p=n;x=style-element</anchor-external></p><p>(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor>)</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="2" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[2]</anchor-end>
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Firefox</anchor> 2、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">WinIE 6</anchor>、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Opera</anchor> 9 とも、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">レンダリング</anchor>は
<code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">color</anchor></code> を使って<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">青色</anchor>になります (正しい)。</p><p>(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor>)</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="3" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[3]</anchor-end>
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Firefox</anchor> 2、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">WinIE 6</anchor>、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Opera</anchor> 9 とも、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">レンダリング</anchor>は
<code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">color</anchor></code> を使って<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">青色</anchor>になります (正しい)。</p><p>(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor>)</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="4" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[4]</anchor-end>
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">WinIE 6</anchor> では <code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">border-top</anchor></code> などを使っても設定しなかった<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">特性</anchor>は放置されます (<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">初期値</anchor>に戻されません)。</p><comment-p xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">例えば <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%20%20%7B%0D%0A%20%20color%3A%20blue%3B%0D%0A%20%20border-color%3A%20red%3B%0D%0A%20%20border%3A%201px%20solid%3B%0D%0A%7D%0D%0A;h=%3Cp%3E%3Cinput%20type%3Dbutton%20value%3DgetComputedStyle%20onclick%3D%22%0D%0A%20%20var%20el%20%3D%20this.parentNode%3B%0D%0A%20%20var%20s%20%3D%20getComputedStyle%20(el%2C%20null)%3B%0D%0A%20%20w%20(s.borderColor)%3B%0D%0A%22%3E%20%3Cinput%20type%3Dbutton%20value%3DcurrentStyle%20onclick%3D%22%0D%0A%20%20var%20el%20%3D%20this.parentNode%3B%0D%0A%20%20var%20s%20%3D%20el.currentStyle%3B%0D%0A%20%20w%20(s.borderColor)%3B%0D%0A%22%3E;p=n;x=style-element" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI">http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%20%20%7B%0D%0A%20%20color%3A%20blue%3B%0D%0A%20%20border-color%3A%20red%3B%0D%0A%20%20border%3A%201px%20solid%3B%0D%0A%7D%0D%0A;h=%3Cp%3E%3Cinput%20type%3Dbutton%20value%3DgetComputedStyle%20onclick%3D%22%0D%0A%20%20var%20el%20%3D%20this.parentNode%3B%0D%0A%20%20var%20s%20%3D%20getComputedStyle%20(el%2C%20null)%3B%0D%0A%20%20w%20(s.borderColor)%3B%0D%0A%22%3E%20%3Cinput%20type%3Dbutton%20value%3DcurrentStyle%20onclick%3D%22%0D%0A%20%20var%20el%20%3D%20this.parentNode%3B%0D%0A%20%20var%20s%20%3D%20el.currentStyle%3B%0D%0A%20%20w%20(s.borderColor)%3B%0D%0A%22%3E;p=n;x=style-element</anchor-external> は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">赤色</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">枠線</anchor>になってしまいます。</comment-p><p>(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor>)</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="5" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[5]</anchor-end>
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Firefox</anchor> 2 では <code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">border-top-color</anchor></code> などに
<code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">-moz-use-text-color</anchor></code> が設定されます。</p><comment-p xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">この値は <code xmlns="http://www.w3.org/1999/xhtml" class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">currentColor</anchor></code> と同じ意味のようですが、
<code xmlns="http://www.w3.org/1999/xhtml" class="CSS" xml:lang="en">&lt;<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">border-color</anchor>&gt;</code> でしか使えないようです。</comment-p><p>(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor>)</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="6" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[6]</anchor-end>
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Opera</anchor> 9 は <code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">border-top-color</anchor></code> などになぜか
<code class="CSS">#000000</code> を設定します。
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor>)</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="7" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[7]</anchor-end>
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Firefox</anchor> 2 は <code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">getComputedStyle</anchor></code> で
<code class="DOMa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">borderTop</anchor></code> は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">空文字列</anchor>になっています
(他の <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">shorthand</anchor> も)。
<code class="DOMa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">borderTopColor</anchor></code> などは<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">算出値</anchor>
(<code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">rgb</anchor>()</code>) になっています。</p><p><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Opera</anchor> 9 は <code class="DOMm" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">getComputedStyle</anchor></code>
の方は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">算出値</anchor> (この場合 <code class="CSS">#0000ff</code>) になっていますが、
<code class="DOMa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">currentStyle</anchor></code> の方はなぜか
<code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">transparent</anchor></code> になっています。</p><p><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">WinIE 6</anchor> の <code class="DOMa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">currentStyle</anchor></code>
は <code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">color</anchor></code> の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">指定値</anchor>
(この例では <code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">blue</anchor></code>) になっています。
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor>)</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="8" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[8]</anchor-end>
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Firefox</anchor> 2 は <code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">getComputedStyle</anchor></code> で
<code class="DOMa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">borderTop</anchor></code> は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">空文字列</anchor>になっています
(他の <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">shorthand</anchor> も)。
<code class="DOMa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">borderTopColor</anchor></code> などは<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">算出値</anchor>
(<code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">rgb</anchor>()</code>) になっています。</p><p><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Opera</anchor> 9 は <code class="DOMm" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">getComputedStyle</anchor></code>
の方は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">算出値</anchor> (この場合 <code class="CSS">#0000ff</code>) になっていますが、
<code class="DOMa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">currentStyle</anchor></code> の方はなぜか
<code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">transparent</anchor></code> になっています。</p><p><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">WinIE 6</anchor> の <code class="DOMa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">currentStyle</anchor></code>
は <code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">color</anchor></code> の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">指定値</anchor>
(この例では <code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">blue</anchor></code>) になっています。
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor>)</p></body></html>