血統の森: Home > web実験小屋 > CSS3ウェブブラウザ実装メモ > -ms-scroll-x-color

xreaの広告です。

hosting by xrea.com

-ms-scroll-x-color

作成:2009-01-26

IE5.5から独自実装されたスクロールバーの色を変えるスタイルシートだが、IE8 beta2でCSS2.1の仕様通り接頭辞が付くようになった。接頭辞をつけた動作確認を試みた。

rendering

独自実装を使用したレンダリング(IE8 beta2)

-ms-scrollbar-3dlight-color: red;

-ms-scrollbar-darkshadow-color: red;

-ms-scrollbar-face-color: red;

-ms-scrollbar-highlight-color: red;

-ms-scrollbar-arrow-color: red;

-ms-scrollbar-shadow-color: red;

-ms-scrollbar-base-color: red;

-ms-scrollbar-track-color: red;

IE8 beta1以前では当然ながら動作しないし、現時点でのOpera10alphaでも動作しない(もともとバグのある実装だが)。しかし、W3Cの仕様通りに書けるという意味では、心おきなく使えるようになったのかもしれない。

なお、SafariのCSSリファレンスに接頭辞のないプロパティが見えるが、サポートされないことが明記されている。

coding

<style type="text/css">
p.inlinebox {
	 width:300px;
	 height:200px;
	 border: solid 1px black;
}

div.box {
	 overflow:auto;
	 width:200px;
	 height:100px;
	 margin:20px;
	 float:left;
}

div.dlight {-ms-scrollbar-3dlight-color: red;}
...
</style>
...
<div class="box dlight">
<p class="inlinebox">
-ms-scrollbar-3dlight-color: red;
</p>
</div>
...

検証に使用したブラウザ

Internet Explorer
バージョン 8.0.7000.0(Windows 7 beta bandle,beta)
Opera
Version 10.00 alpha Build 1229(weekly build)

リファレンス

IEBlog : Microsoft CSS Vendor Extensions
http://blogs.msdn.com/ie/archive/2008/09/08/microsoft-css-vendor-extensions.aspx
scrollbar-3dlight-color Attribute
http://msdn.microsoft.com/en-us/library/ms531153(VS.85).aspx
scrollbar-arrow-color Attribute
http://msdn.microsoft.com/en-us/library/ms531154(VS.85).aspx
scrollbar-base-color Attribute
http://msdn.microsoft.com/en-us/library/ms531155(VS.85).aspx
scrollbar-darkshadow-color Attribute
http://msdn.microsoft.com/en-us/library/ms531156(VS.85).aspx
scrollbar-face-color Attribute
http://msdn.microsoft.com/en-us/library/ms531157(VS.85).aspx
scrollbar-highlight-color Attribute
http://msdn.microsoft.com/en-us/library/ms531158(VS.85).aspx
scrollbar-shadow-color Attribute
http://msdn.microsoft.com/en-us/library/ms531159(VS.85).aspx
scrollbar-track-color Attribute
http://msdn.microsoft.com/en-us/library/ms531160(VS.85).aspx
Enabling custom scrollbar colors (MSIE CSS extension) - Opera Knowledge Base
http://www.opera.com/support/search/view/637/
Additional Unsupported Properties - Safari CSS Reference: Supported CSS Properties
http://developer.apple.com/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/doc/uid/TP30001266-UnsupportedProperties