分享更有价值
被信任是一种快乐

css中的column-rule-width属性怎么用

文章页正文上

这篇文章主要为大家展示了“css中的column-rule-width属性怎么用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“css中的column-rule-width属性怎么用”这篇文章吧。
  csscolumn-rule-width属性定义及用法
  在css中,column-rule-width属性是用在多列布局元素中,用来设置列与列之间分割线的宽度。通常与column-count、column-rule-style等多列布局属性一起使用,使用它的前提条件是,通过column-count、column等属性定义了多列布局,并且设置了列与列之间的分割样式(如:column-rule-style属性定义了分割线),单独使用column-rule-width属性是没有效果的;
  csscolumn-rule-width属性语法格式
  css语法:column-rule-width:thin/medium/thick/length;(例:column-rule-width:16px;)
  JavaScript语法:object.style.columnRuleWidth=”18px”
  csscolumn-rule-width属性值说明
  thin:细的分隔线
  medium:中等的分隔线
  thick:粗的分隔线
  length:自定义宽度的分隔线(如:12px)
  实例
  

  
  
  
  
     body{background:#ddd;}div{width:400px;border:1pxsolidblueviolet;margin-top:10px;:;}
  .thin{column-count:3;column-rule-style:solid;column-rule-width:thin;}
  .thick{column-count:3;column-rule-style:solid;column-rule-width:thick;}
  .length{column-count:3;column-rule-style:solid;column-rule-width:8px;}
  
  
免费云主机、域名
  
  column-rule-width:thin;演示,设置细分割线。这是为了演示效果多写的

相关推荐: css调用方式有哪些

这篇文章主要为大家展示了“css调用方式有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“css调用方式有哪些”这篇文章吧。什么是css层叠样式表:为网页标签添加属性的(表现),修饰 渲染 控制显示方式。Css出…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册