-moz-border-right-colors (Extensions) – CSS 中文开发手册

[

  CSS 中文开发手册

-moz-border-right-colors (Extensions) - CSS 中文开发手册

非标准

此功能是非标准的，不处于标准轨道上.。不要在面向Web的生产站点上使用它：它并不适用于每个用户。实现之间也可能存在很大的不兼容性，而且这种行为在未来可能会发生变化。

在火狐等Mozilla应用程序中，使用-moz-border-right-colors属性设置右边框的颜色列表。

/* Single <color> value */
-moz-border-right-colors: #f0f0f0;

/* Multiple <color> values */
-moz-border-right-colors: #f0f0f0 #a0a0a0 #505050 #000000;

/* Global values */
-moz-border-right-colors: inherit;
-moz-border-right-colors: initial;
-moz-border-right-colors: unset;

当元素的边框大于单个CSS像素时，每行像素都使用此属性中指定的下一个颜色，从外侧开始。这样就不需要嵌套框。如果边框宽于指定颜色的数量，则边框的其余部分是指定的最里面的颜色。

初始值	none
适用元素	all elements
是否是继承属性	no
适用媒体	visual
计算值	as specified
动画类型	discrete
正规顺序	the unique non-ambiguous order defined by the formal grammar

它不适用

如果border-style是dashed或dotted。表border-collapse: collapse。

语法

值

接受以空格分隔的颜色值列表。

<color>指定右边框的一行像素的颜色。transparent已验证。查看<color>可能units.noneDefault的值border-color，如果指定，则不绘制颜色或使用颜色。

正式语法

[ <color> ]* <color> | nonewhere 
<color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>

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

示例

<div id="example">Example</div>

#example {
  padding: 20px;
  background-color: gray;
  border: 10px solid black;
  -moz-border-top-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0;
  -moz-border-right-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0;
  -moz-border-bottom-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0;
  -moz-border-left-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0;
}

规范

此属性不属于任何规范的一部分。

浏览器兼容性

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	No support	1.0 (1.7 or earlier)	No support	No support	No support

Feature	Android	Chrome for Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Basic support	No support	No support	?	No support	No support	No support

  CSS 中文开发手册

]

  本文标题：-moz-border-right-colors (Extensions) – CSS 中文开发手册 - Break易站

转载请保留页面地址：https://www.breakyizhan.com/css/31297.html