开发手册HTML CSS JavaScript

HTML手册 CSS手册 CSS CSS3 CSS相关 CSS 字体系列 CSS3 animation-delay 属性 CSS3 animation-direction 属性 CSS3 animation-duration 属性 CSS3 animation-fill-mode 属性 CSS3 animation-iteration-count 属性 CSS3 animation-name 属性 CSS3 animation-play-state 属性 CSS3 animation-timing-function 属性 CSS3 animation 属性 CSS3 appearance 属性 CSS3 backface-visibility 属性 CSS background-attachment 属性 CSS3 background-clip 属性 CSS background-color 属性 CSS background-image 属性 CSS3 background-origin 属性 CSS background-position 属性 CSS background-repeat 属性 CSS3 background-size 属性 CSS background 属性 CSS3 border-bottom-left-radius 属性 CSS3 border-bottom-right-radius 属性 CSS border-bottom 属性 CSS border-bottom-color 属性 CSS border-bottom-style 属性 CSS border-bottom-width 属性 CSS border-color 属性 CSS3 border-image-outset 属性 CSS3 border-image-repeat 属性 CSS3 border-image-slice 属性 CSS3 border-image-source 属性 CSS3 border-image-width 属性 CSS3 border-image 属性 CSS border-left 属性 CSS border-left-color 属性 CSS border-left-style 属性 CSS border-left-width 属性 CSS3 border-radius 属性 CSS border-right 属性 CSS border-right-color 属性 CSS border-right-style 属性 CSS border-right-width 属性 CSS border-style 属性 CSS3 border-top-left-radius 属性 CSS3 border-top-right-radius 属性 CSS border-top 属性 CSS border-top-color 属性 CSS border-top-style 属性 CSS border-top-width 属性 CSS border-width 属性 CSS border 属性 CSS3 box-align 属性 CSS3 box-direction 属性 CSS3 box-flex-group 属性 CSS3 box-flex 属性 CSS3 box-lines 属性 CSS3 box-ordinal-group 属性 CSS3 box-orient 属性 CSS3 box-pack 属性 CSS3 box-shadow 属性 CSS3 box-sizing 属性 CSS clear 属性 CSS cursor 属性 CSS display 属性 CSS float 属性 CSS position 属性 CSS visibility 属性 CSS3 column-count 属性 CSS3 column-fill 属性 CSS3 column-gap 属性 CSS3 column-rule-color 属性 CSS3 column-rule-style 属性 CSS3 column-rule-width 属性 CSS3 column-rule 属性 CSS3 column-span 属性 CSS3 column-width 属性 CSS3 columns 属性 CSS height 属性 CSS line-height 属性 CSS max-height 属性 CSS max-width 属性 CSS min-height 属性 CSS min-width 属性 CSS width 属性 CSS font-family 属性 CSS font-size-adjust 属性 CSS font-size 属性 CSS font-stretch 属性 CSS font-style 属性 CSS font-variant 属性 CSS font 属性 CSS font-weight 属性 CSS content 属性 CSS counter-increment 属性 CSS counter-reset 属性 CSS quotes 属性 CSS3 grid-columns 属性 CSS3 grid-rows 属性 CSS3 hanging-punctuation 属性 CSS3 icon 属性 CSS3 @keyframes 规则 CSS list-style-image 属性 CSS list-style-position 属性 CSS list-style-type 属性 CSS list-style 属性 CSS margin-bottom 属性 CSS margin-left 属性 CSS margin-right 属性 CSS margin-top 属性 CSS margin 属性 CSS3 nav-down 属性 CSS3 nav-index 属性 CSS3 nav-left 属性 CSS3 nav-right 属性 CSS3 nav-up 属性 CSS3 opacity 属性 CSS outline-color 属性 CSS3 outline-offset 属性 CSS outline-style 属性 CSS outline-width 属性 CSS outline 属性 CSS3 overflow-style 属性 CSS3 overflow-x 属性 CSS3 overflow-y 属性 CSS padding-bottom 属性 CSS padding-left 属性 CSS padding-right 属性 CSS padding-top 属性 CSS padding 属性 CSS3 perspective-origin 属性 CSS3 perspective 属性 CSS bottom 属性 CSS clip 属性 CSS left 属性 CSS overflow 属性 CSS right 属性 CSS top 属性 CSS vertical-align 属性 CSS z-index 属性 CSS page-break-after 属性 CSS page-break-before 属性 CSS page-break-inside 属性 CSS :active 伪类 CSS :after 伪元素 CSS :before 伪元素 CSS :first-child 伪类 CSS :first-letter 伪元素 CSS :first-line 伪元素 CSS :focus 伪类 CSS :hover 伪类 CSS :lang 伪类 CSS :link 伪类 CSS :visited 伪类 CSS3 punctuation-trim 属性 CSS3 resize 属性 CSS3 rotation-point 属性 CSS3 rotation 属性 CSS border-collapse 属性 CSS border-spacing 属性 CSS caption-side 属性 CSS empty-cells 属性 CSS table-layout 属性 CSS3 target-name 属性 CSS3 target-new 属性 CSS3 target-position 属性 CSS3 target 属性 CSS3 text-emphasis 属性 CSS3 text-justify 属性 CSS3 text-outline 属性 CSS3 text-overflow 属性 CSS3 text-shadow 属性 CSS3 text-wrap 属性 CSS color 属性 CSS direction 属性 CSS letter-spacing 属性 CSS text-align 属性 CSS text-decoration 属性 CSS text-indent 属性 CSS text-transform 属性 CSS white-space 属性 CSS word-spacing 属性 CSS3 transform-origin 属性 CSS3 transform-style 属性 CSS3 transform 属性 CSS3 transition-delay 属性 CSS3 transition-duration 属性 CSS3 transition-property 属性 CSS3 transition-timing-function 属性 CSS3 transition 属性 CSS unicode-bidi 属性 CSS3 word-break 属性 CSS3 word-wrap 属性 CSS :active 选择器 CSS :after 选择器 CSS * 选择器 CSS3 [attribute^=value] 选择器 CSS3 [attribute*=value] 选择器 CSS3 [attribute$=value] 选择器 CSS [attribute] 选择器 CSS [attribute=value] 选择器 CSS [attribute~=value] 选择器 CSS [attribute|=value] 选择器 CSS :before 选择器 CSS3 :checked 选择器 CSS .class 选择器 CSS3 :disabled 选择器 CSS element 选择器 CSS element,element 选择器 CSS element element 选择器 CSS element>element 选择器 CSS element+element 选择器 CSS3 :empty 选择器 CSS3 :enabled 选择器 CSS :first-child 选择器 CSS :first-letter 选择器 CSS :first-line 选择器 CSS3 :first-of-type 选择器 CSS :focus 选择器 CSS3 element1~element2 选择器 CSS :hover 选择器 CSS #id 选择器 CSS :lang 选择器 CSS3 :last-child 选择器 CSS3 :last-of-type 选择器 CSS :link 选择器 CSS3 :not 选择器 CSS3 :nth-child() 选择器 CSS3 :nth-last-child() 选择器 CSS3 :nth-last-of-type() 选择器 CSS3 :nth-of-type() 选择器 CSS3 :only-child 选择器 CSS3 :only-of-type 选择器 CSS3 :root 选择器 CSS3 ::selection 选择器 CSS3 :target 选择器 CSS :visited 选择器 JavaScript手册

CSS3 column-rule-style 属性

CSS 参考手册

实例

设置列之间的颜色规则：

div
{
-moz-column-rule-style:dotted; /* Firefox */
-webkit-column-rule-style:dotted; /* Safari 和 Chrome */
column-rule-style:dotted;
}

亲自试一试

页面底部有更多实例。

浏览器支持

IE	Firefox	Chrome	Safari	Opera

Internet Explorer 10 和 Opera 支持 column-rule-style 属性。

Firefox 支持替代的 -moz-column-rule-style 属性。

Safari 和 Chrome 支持替代的 -webkit-column-rule-style 属性。

注释：Internet Explorer 9 以及更早版本的浏览器不支持 column-rule-style 属性。

定义和用法

column-rule-style 属性规定列之间的样式规则。

默认值：	none
继承性：	no
版本：	CSS3
JavaScript 语法：	object.style.columnRuleStyle="dotted"

语法

column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;

值	描述	测试
none	定义没有规则。	测试
hidden	定义隐藏规则。	测试
dotted	定义点状规则。	测试
dashed	定义虚线规则。	测试
solid	定义实线规则。	测试
double	定义双线规则。	测试
groove	定义 3D grooved 规则。该效果取决于宽度和颜色值。	测试
ridge	定义 3D ridged 规则。该效果取决于宽度和颜色值。	测试
inset	定义 3D inset 规则。该效果取决于宽度和颜色值。	测试
outset	定义 3D outset 规则。该效果取决于宽度和颜色值。	测试

亲自试一试 - 实例

Column-count: 把 div 元素中的文本划分为三列。
Column-gap: 将 div 元素中的文本分为三列，并列间 30 像素的间隔。
Column-rule: 规定列之间的宽度、样式和颜色。

相关页面

CSS3 教程：CSS3 多列

CSS 参考手册

关于千图| 赞助千图 |千图首页 Copyright2014千图网沪ICP备10011451号-6 用时：0.0245秒

千图网提示