column-gap

  • 版本:CSS3
  • 继承性:无
column-gap属性在CSS多列中是比较常用的,本文将带你深入理解column-gap属性的各个方面,包括它的语法、取值、作用和浏览器兼容性,最后附上column-gap的演示案例,希望能够对你有所帮助。

column-gap的具体语法

column-gap<length> | normal

默认值normal

适用于:定义了多列的元素

继承性:无

column-gap的取值介绍

<length>
用长度值来定义列与列之间的间隙。不允许负值
normal:
font-size大小相同。假设该对象的font-size为16px,则normal值为16px,类推。

column-gap的使用说明

设置或检索对象的列与列之间的间隙
  • 对应的脚本特性为columnGap

column-gap的浏览器兼容性

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
  • 橙色 = 实验性质
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6-9 4-18 5.1.7 13-23 11.1
版本 10

column-gap的完整演示案例

CSS3参考手册,全网最新最全的CSS3参考手册,为你呈现最好的CSS3文档CSS3参考手册