css中column-rule-width属性的方法-创新互联
这篇文章给大家分享的是有关css中column-rule-width属性的方法的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。
创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都做网站、成都网站建设、乐安网络推广、微信小程序定制开发、乐安网络营销、乐安企业策划、乐安品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们大的嘉奖;创新互联为所有大学生创业者提供乐安建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.comcss column-rule-width属性定义及用法
在css中,column-rule-width属性是用在多列布局元素中,用来设置列与列之间分割线的宽度。通常与column-count、column-rule-style等多列布局属性一起使用,使用它的前提条件是,通过column-count、column等属性定义了多列布局,并且设置了列与列之间的分割样式(如:column-rule-style属性定义了分割线),单独使用column-rule-width属性是没有效果的;
css column-rule-width属性语法格式
css语法:column-rule-width: thin / medium / thick / length;(例:column-rule-width: 16px;)
JavaScript语法:object.style.columnRuleWidth="18px"
css column-rule-width属性值说明
thin:细的分隔线
medium:中等的分隔线
thick :粗的分隔线
length:自定义宽度的分隔线(如:12px)
实例
css3 column-rule-width属性设置列之间分割线的宽度笔记 column-rule-width:thin;演示,设置细分割线。这是为了演示效果多写的column-rule-width:thick;演示,设置粗分割线。这是为了演示效果多写的column-rule-width:8px;,设置分割线的宽度为8px。这是为了演示效果多写的
运行结果
感谢各位的阅读!关于css中column-rule-width属性的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
分享文章:css中column-rule-width属性的方法-创新互联
文章出自:http://myzitong.com/article/degioh.html