• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • column-rule-style

    版本:CSS3

    CSS特性column-rule-style让你可以设置在多列布局中被画在两列之间的规则(线条)的样式。

    示例

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

    浏览器支持

    IE浏览器火狐浏览器opera浏览器chrome浏览器safari浏览器
    IE10以上版本的浏览器都支持column-rule-style

    语法

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

    取值:

    • none:无轮廓。column-rule-colorcolumn-rule-width将被忽略
    • hidden:隐藏边框。
    • dotted:点状轮廓。
    • dashed:虚线轮廓。
    • solid:实线轮廓
    • double:双线轮廓。两条单线与其间隔的和等于指定的column-rule-width
    • groove:3D凹槽轮廓。
    • ridge:3D凸槽轮廓。
    • inset:3D凹边轮廓。
    • outset:3D凸边轮廓。
    • 如果column-rule-width等于0,本属性将失去作用。
    默认值none
    适用于多列元素
    继承性
    动画性
    计算值指定值

    实例

    div{
     column-rule-style:dotted;
     -moz-column-rule-style:dotted; /*firefox*/
     -webkit-column-rule-style:dotted; /*safari and chrome*/
    }
    

    上篇:column-rule-width

    下篇:break-inside