Style columnRule 属性
定义和用法
columnRule 属性是一个速记属性,用于设置所有 columnRule* 属性。
columnRule 属性设置列之间的宽度、样式和颜色规则。
浏览器支持
 
 
 
 

Internet Explorer 10 和 Opera 支持 columnRule 属性。
Firefox 支持另一个可替代该属性的属性,即 MozColumnRule 属性。
Safari 和 Chrome 支持另一个可替代该属性的属性,即 WebkitColumnRule 属性。
语法
返回 columnRule 属性:
	object.style.columnRule 
设置 columnRule 属性:
	object.style.columnRule="column-rule-width column-rule-style column-rule-color|initial|inherit"
属性值
| 值 | 描述 | 
|---|---|
| columnRuleWidth | 设置列之间的宽度规则。默认值是 medium。 | 
| columnRuleStyle | 设置列之间的样式规则。默认值是 none。 | 
| columnRuleColor | 设置列之间的颜色规则。默认值是元素的颜色。 | 
| initial | 设置该属性为它的默认值。请参阅 initial。 | 
| inherit | 从父元素继承该属性。请参阅 inherit。 | 
技术细节
| 默认值: | medium none color | 
|---|---|
| 返回值: | 字符串,表示元素的 column-rule 属性。 | 
| CSS 版本 | CSS3 | 
相关文章
CSS3 教程:CSS3 多列
CSS 参考手册:column-rule 属性

 JavaScript 教程
JavaScript 教程 JavaScript 对象
JavaScript 对象 jQuery 教程
jQuery 教程 JSON 教程
JSON 教程 AngularJS 教程
AngularJS 教程 Angular 2 教程
Angular 2 教程 Vue.js 教程
Vue.js 教程 React 教程
React 教程 jQuery UI 教程
jQuery UI 教程 jQuery EasyUI 教程
jQuery EasyUI 教程 AJAX 教程
AJAX 教程 Highcharts 教程
Highcharts 教程 Google Maps API 教程
Google Maps API 教程 ES6 教程
ES6 教程 TypeScript教程
TypeScript教程 ES6 标准入门
ES6 标准入门 Style 对象
 Style 对象