Web前端开发网

fly63.com

首页资源工具文章教程栏目

CSS 参考 CSS 选择器 CSS 听觉参考手册 CSS Web 安全字体组合 CSS 动画 CSS 单位 CSS 颜色 CSS 合法颜色值 CSS 颜色名称 CSS 颜色十六进制值 CSS 函数 CSS align-content 属性 CSS align-items 属性 CSS align-self 属性 CSS all 属性 CSS 3 animation (动画) 属性 CSS 3 animation-delay 属性 CSS 3 animation-direction 属性 CSS 3 animation-duration 属性 CSS 3 animation-fill-mode 属性 CSS 3 animation-iteration-count CSS 3 animation-name 属性 CSS 3 animation-play-state 属性 CSS 3 animation-timing-function CSS 3 appearance 属性 CSS 3 backface-visibility 属性 CSS background 属性 CSS background-attachment 属性 CSS background-blend-mode 属性 CSS 3 background-clip 属性 CSS background-color 属性 CSS background-image 属性 CSS 3 background-origin属性 CSS background-position 属性 CSS background-repeat 属性 CSS 3 background-size 属性 CSS border 属性 CSS border-bottom属性 CSS border-bottom-color 属性 CSS 3 border-bottom-left-radius CSS 3 border-bottom-right-radius CSS border-bottom-style 属性 CSS border-bottom-width 属性 CSS border-collapse 属性 CSS border-color 属性 CSS 3 border-image 属性 CSS 3 border-image-outset 属性 CSS 3 border-image-repeat 属性 CSS 3 border-image-slice 属性 CSS 3 border-image-source 属性 CSS 3 border-image-width 属性 CSS border-left 属性 CSS border-left-color 属性 CSS border-left-style 属性 CSS border-left-width 属性 CSS 3 border-radius 属性 CSS border-right 属性 CSS border-right-color 属性 CSS border-right-style 属性 CSS border-right-width 属性 CSS border-spacing 属性 CSS border-style 属性 CSS border-top 属性 CSS border-top-color 属性 CSS 3 order-top-left-radius 属性 CSS 3 border-top-right-radius 属性 CSS border-top-style 属性 CSS border-top-width 属性 CSS border-width 属性 CSS bottom 属性 CSS 3 box-align 属性 CSS 3 box-direction 属性 CSS 3 box-flex 属性 CSS 3 box-flex-group 属性 CSS 3 box-lines 属性 CSS 3 box-ordinal-group 属性 CSS 3 box-orient 属性 CSS 3 box-pack 属性 CSS 3 box-shadow 属性 CSS 3 box-sizing 属性 CSS caption-side 属性 CSS clear 属性 CSS clip 属性 CSS color 属性 CSS 3 column-count 属性 CSS 3 column-fill 属性 CSS 3 column-gap 属性 CSS 3 column-rule 属性 CSS 3 column-rule-color 属性 CSS 3 column-rule-style 属性 CSS 3 column-rule-width 属性 CSS 3 column-span 属性 CSS 3 column-width 属性 CSS 3 columns 属性 CSS content 属性 CSS counter-increment 属性 CSS counter-reset 属性 CSS cursor 属性 CSS direction 属性 CSS display 属性 CSS empty-cells 属性 CSS 3 filter(滤镜) 属性 CSS flex 属性 CSS flex-basis 属性 CSS flex-direction 属性 CSS flex-flow 属性 CSS flex-grow 属性 CSS flex-shrink 属性 CSS flex-wrap 属性 CSS float 属性 CSS font 属性 CSS 3 @font-face 规则 CSS font-family 属性 CSS font-size 属性 CSS 3 font-size-adjust 属性 CSS 3 font-stretch 属性 CSS font-style 属性 CSS font-variant 属性 CSS font-weight 属性 CSS 3 grid-columns 属性 CSS 3 grid-rows 属性 CSS 3 hanging-punctuation 属性 CSS height 属性 CSS 3 icon 属性 CSS justify-content 属性 CSS 3 @keyframes 规则 CSS left 属性 CSS letter-spacing 属性 CSS line-height 属性 CSS list-style 属性 CSS list-style-image 属性 CSS list-style-position 属性 CSS list-style-type 属性 CSS margin 属性 CSS margin-bottom 属性 CSS margin-left 属性 CSS margin-right 属性 CSS margin-top 属性 CSS max-height 属性 CSS max-width 属性 CSS 3 @media 查询 CSS min-height 属性 CSS min-width 属性 CSS 3 nav-down 属性 CSS 3 nav-index 属性 CSS 3 nav-left 属性 CSS 3 nav-right 属性 CSS 3 nav-up 属性 CSS 3 opacity 属性 CSS order 属性 CSS outline 属性 CSS outline-color 属性 CSS 3 outline-offset 属性 CSS outline-style 属性 CSS outline-width 属性 CSS overflow 属性 CSS 3 overflow-x 属性 CSS 3 overflow-y 属性 CSS padding 属性 CSS padding-bottom 属性 CSS padding-left 属性 CSS padding-right 属性 CSS padding-top 属性 CSS page-break-after 属性 CSS page-break-before 属性 CSS page-break-inside 属性 CSS 3 perspective 属性 CSS 3 perspective-origin 属性 CSS position 属性 CSS 3 punctuation-trim 属性 CSS quotes 属性 CSS 3 resize 属性 CSS right 属性 CSS 3 rotation 属性 CSS3 rotation-point 属性 CSS tab-size 属性 CSS table-layout 属性 CSS 3 target 属性 CSS 3 target-name 属性 CSS 3 target-new 属性 CSS 3 target-position 属性 CSS text-align 属性 CSS text-align-last 属性 CSS text-decoration 属性 CSS text-decoration-color 属性 CSS text-decoration-line 属性 CSS text-decoration-style 属性 CSS text-indent 属性 CSS 3 text-justify 属性 CSS 3 text-outline 属性 CSS 3 text-overflow 属性 CSS 3 text-shadow 属性 CSS text-transform 属性 CSS 3 text-wrap 属性 CSS top 属性 CSS 3 transform 属性 CSS 3 transform-origin 属性 CSS 3 transform-style 属性 CSS 3 transition 属性 CSS 3 transition-delay 属性 CSS 3 transition-duration 属性 CSS 3 transition-property 属性 CSS 3 transition-timing-function CSS unicode-bidi 属性 CSS vertical-align 属性 CSS visibility 属性 CSS white-space 属性 CSS width 属性 CSS word-spacing 属性 CSS 3 word-wrap 属性 CSS z-index 属性 CSS 3 text-emphasis 属性 CSS 3 overflow-style 属性

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具，网友无需注册和下载安装即可使用

CSS 3 column-rule-style 属性

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

默认值	none
继承	no
版本	CSS3
JavaScript 语法	object.style.columnRule

语法

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 规则。该效果取决于宽度和颜色值

浏览器支持

下表中的数字表示支持该属性的第一个浏览器版本号

紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号

Chrome	IE	Firefox	Safari	Opera
50.0 4.0 -webkit-	10.0	2.0 -moz-	9.0 3.1 -webkit-	37.0 15.0 -webkit 11.1

范例

指定列之间的样式规则

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

本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！

链接: https://fly63.com/course/6_340

<< CSS 3 column-rule-color 属性 CSS 3 column-rule-width 属性 >>

目录选择

手机预览