column-rule-style属性(CSS设置)
column-rule-style属性(CSS设置)
CSScolumn-rule-style特点用于在多列布局中指定列与列之间经过columnrule特点设置的分隔线的样式。column-rule是列与列之间的一条垂直分隔线,你能够运用column-rule-width特点来设置分隔线的宽度,运用column-rule-color特点来设置分隔线的色彩,运用column-rule-style特点来设置分隔线的线条样式。
.浏览器支撑
.语法
column-rule-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset
.参数
none:不显现列与列之间的分隔线。设置的分隔线宽度和色彩特点会被疏忽。
hidden:不显现列与列之间的分隔线。设置的分隔线宽度和色彩特点会被疏忽。
dotted:列之间的分隔线显现为圆角的矩形。圆角的半径等于分隔线宽度的一半。
dashed:列之间的分隔线显现为直角矩形组成的虚线。
solid:列之间的分隔线显现为一条垂直的直线。
double:列之间的分隔线显现为两条直线,两条直线之间有一些空隙。两条直线的宽度和空隙宽度的总和等于column-rule-width特点指定的宽度。
groove:列之间的分隔线显现为内陷浮雕作用。
ridge:列之间的分隔线显现为外凸浮雕作用。
inset:列之间的分隔线显现为内斜面作用。
outset:列之间的分隔线显现为外斜面作用。
column-rule-style特点的初始值为none。
.使用范围
column-rule-style特点能够使用在所有多列布局的元素上。
在一个元素使用column-rule-style特点的代码如下
.columns{
columns:12em;
column-rule-width:5px;
column-rule-style:solid;
column-rule-color:#0099CC;
作品标签: CSS
优秀作品:
最新作品:
评论列表(共114人参与)参与讨论或分享设计作品获得视觉癖积分奖励
想办法背景注册会员
2021-07-28 1:32:18
海报之前应为其确定一个相对明晰的主题。观者看到后就可以明晰地辨认出该部影片的本质特征以及与同类产品的首要差异。为此,规划师在确定海报主题之前,需历经深思熟虑,对影片进行全规模的了解e="font-size:14px;"> 苹果图片简笔画卡通
回复 在古人注册会员
2021-07-28 10:7:19
hid是什么游客
2021-07-28 4:5:14
游客70419:column-rule-sty子,故应唤作瘦西湖。 详细的细节都是用003号针管笔画的,先从亭子开端画; 亭子上的瓦片,先竖后横,留意不是横线哦,是很小的波浪纹;/div> inherit:从父元素继承page-break-after属性的设置 实例
回复.祝你国注册会员
2021-07-28 16:17:6
rgin-left+width+margin-right 在现在盛行前端布局中,前端工程师默许的页面布局是采用规范的w3c盒子
回复