-ms-scrollbar-3dlight-color - Archive of obsolete content

在此页

句法
范例
规范
浏览器兼容性
备注
相关话题

非标
此特征是非标准的，且不在标准轨道中。不要在面向 Web 的生产站点中使用它：它不适用于每个用户。实现之间可能存在大的不兼容性，且行为将来可能改变。

弃用
This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the 兼容性表格 at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.

-ms-scrollbar-3dlight-color CSS 特性为 Microsoft extension specifying the color of the top and left edges of the scroll box and scroll arrows of a scroll bar.

初始值	depends on user agent
适用于	所有元素
继承	yes
计算值	如指定
动画类型	discrete

句法

值

<color>

形式句法

<color>where 
<color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>
where 
<rgb()> = rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )
<rgba()> = rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )
<hsl()> = hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsl( <hue>, <percentage>, <percentage>, <alpha-value>? )
<hsla()> = hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue>, <percentage>, <percentage>, <alpha-value>? )
where 
<alpha-value> = <number> | <percentage>
<hue> = <number> | <angle>

范例

The following example shows how to create a style rule that sets the -ms-scrollbar-3dlight-color property for a <textarea> 元素。

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/scrollbarColor.htm

<!DOCTYPE html>
<html>
<head>
  <title>scrollbar-3dlight-color</title>
  <style>
    .Blue3dLight {
      -ms-scrollbar-3dlight-color: blue;
      scrollbar-3dlight-color: blue; /* Use the standard when available. */
    }
  </style>
</head>
<body>
  <textarea class="Blue3dLight">The top and left edges of the
      thumb and button-face elements in the scroll bar for this
      element will be blue.</textarea>
</body>
</html>

规范

Not part of any specification.

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

No compatibility data found. Please contribute data for "css.properties.-ms-scrollbar-3dlight-color" (depth: 1) to the MDN 兼容性数据存储库 .

备注

In Windows Internet Explorer 8, the -ms-scrollbar-3dlight-color attribute is an extension to CSS, and can be used as a synonym for scrollbar-3dlight-color in IE8 Standards Mode.

The scroll box is the rectangular box within a scroll bar that can be moved either up and down or left and right on a track to change the position of the content on the screen. The scroll arrows, located at each end of a scroll bar, are the square buttons containing the arrows that move the content on the screen in small increments, either up and down or left and right.

This property applies to elements that display a scroll bar. CSS enables scrolling on all objects through the overflow property. These objects are not listed in the Applies To list for this property.

元数据

最后修改： Jul 16, 2020

CSS
CSS 参考

在此页

句法

值

形式句法

范例

规范

浏览器兼容性

备注

相关话题