Style columnRuleStyle 属性

返回上一级

Style 对象的 columnRuleStyle 属性规定列之间的样式规则

语法

返回 columnRuleStyle 属性

object.style.columnRuleStyle

设置 columnRuleStyle 属性

object.style.columnRuleStyle="none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit"

属性值

描述
none 默认值。定义没有规则
hidden 定义隐藏规则
dotted 定义点状规则
dashed 定义虚线规则
solid 定义实线规则
double 定义双线规则
groove 规定 3D grooved 规则。该效果取决于宽度和颜色值
ridge 规定 3D ridged 规则。该效果取决于宽度和颜色值
inset 规定 3D inset 规则。该效果取决于宽度和颜色值
outset 规定 3D outset 规则。该效果取决于宽度和颜色值
initial 设置该属性为它的默认值。可以阅读 initial
inherit 从父元素继承该属性。可以阅读 inherit

返回值

字符串,表示元素的 column-rule-style 属性

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 10 和 Opera 支持 columnRuleStyle 属性

Firefox 支持另一个可替代该属性的属性,即 MozColumnRuleStyle 属性

Safari 和 Chrome 支持另一个可替代该属性的属性,即 WebkitColumnRuleStyle 属性

范例

改变列之间的样式规则

document.getElementById("myDIV").style.columnRuleStyle="dotted";

运行范例 »

相关知识

CSS3 基础教程: CSS3 多列

CSS 参考手册: column-rule-style 属性

返回上一级

JavaScript 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.