column-rule-color属性(CSS设置)
column-rule-color属性(CSS设置)
CSS中的column-rule特点用于指定列之间规矩的宽度,样式和色彩。
用法:
column-rule:column-rule-widthcolumn-rule-stylecolumn-rule-color|
initial|inherit;
特点值:
column-rule-width:此值用于设置列之间的规矩宽度。此property-value的默认值为medium。
column-rule-style:此值用于设置列之间的规矩样式。此property-value的默认值为none。
column-rule-color:此值用于设置列之间的规矩色彩。此特点值的默认值是元素的色彩。
initial:此值用于设置此column-rule特点的默认值。
inherit:此值告诉column-rule特点从其父级承继该特点。
例:
DOCTYPEhtml>
<html>
<head>
<title>Thecolumn-rulePropertytitle>
<style>
.gfg{
-webkit-column-count:3;
-moz-column-count:3column-count:3;
-webkit-column-gap:40px;
-moz-column-gap:40px;
column-gap:40px;
-webkit-column-rule:4pxdouble#ff00ff;
-moz-column-rule:4pxdouble#ff00ff;
column-rule:4pxdouble#ff00ff;
}
h1{
color:green;
}
h1,h2{
text-align:center;
}
style>
head>
<body>
<h1>
GeeksforGeeksh1>
<h2>
Thecolumn-rulePropertyh2>
<p>
Thecolumn-rulepropertysetsthewidth,style,
andcoloroftherulebetweenthecolumnsof
theelement:
p>
<divclass="gfg">
Thecourseisdesignedforstudents
aswellasworkingprofessionalstoprepare
forcodinginterviews.Thiscourseisgoing
tohavecodingquestionsfromschoollevel
tothelevelneededforproductbasedcompanies
likeAmazom,Microsoft,Adobe,etc.
div>
body>
html>
作品标签: CSS
优秀作品:
最新作品:
评论列表(共283人参与)参与讨论或分享设计作品获得视觉癖积分奖励
落实师德师注册会员
2021-07-27 22:56:51
iv style="text-align: center;"> ,上面是平的,上面与旁边面棱角显着,近似方形,前边形似帽沿,十分干净利索。
回复自己的花注册会员
2021-07-27 5:31:11
e medi游客
2021-07-27 18:32:53
游客33831:column-rule-col/div> 13.祝福,国庆高兴,万事如意! 14.愿你美好指数居高不下!国庆高兴! 15.祝合家欢喜,国庆节ong> 传单背景图片素材 现在纸质海报、传单,逐渐被电子海报,微传单所替代,不管是什么样的
回复于赤色和注册会员
2021-07-27 19:22:38
特点值: column-rule-width:此值用于设置列之间718/1-210GQ51543.jpg" />
回复