CSS之column语法
2016-01-29 11:32
531 查看
columns
column-width:[<length>|auto] 定义每栏的宽度
column-span:1|all 1:只在本栏中显示;all:横跨所有栏目并定位在栏目的Z轴之上。
column-rule
column-rule-color:<color> 定义每栏之间边框的颜色
column-rule-width:<length> 定义每栏之间边框的宽度
column-rule-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset
(无边框(默认)|隐藏边框|点线|虚线|实线边框|双线边框|3D凹槽|3D凸槽|3D凹边|3D凸边)
column-gap:normal|<length> 定义两栏之间的间距距离
column-fill:auto|balanc 定义栏目的高度是否统一
(auto:各栏目的高度随其内容的多少而自动变化;
balance:各栏目的高度将会根据内容最多的那一栏的高度进行统一)
column-count:auto|整数 可以定义栏目的数目
column-break-before:auto|always|avoid 定义元素之前是否断行
column-break-after:auto|always|avoid 定义元素之后是否断行
对于引擎为webkit的浏览器,写法为-webkit-column
对于引擎为moz的浏览器,写法为-moz-column
column-width:[<length>|auto] 定义每栏的宽度
column-span:1|all 1:只在本栏中显示;all:横跨所有栏目并定位在栏目的Z轴之上。
column-rule
column-rule-color:<color> 定义每栏之间边框的颜色
column-rule-width:<length> 定义每栏之间边框的宽度
column-rule-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset
(无边框(默认)|隐藏边框|点线|虚线|实线边框|双线边框|3D凹槽|3D凸槽|3D凹边|3D凸边)
column-gap:normal|<length> 定义两栏之间的间距距离
column-fill:auto|balanc 定义栏目的高度是否统一
(auto:各栏目的高度随其内容的多少而自动变化;
balance:各栏目的高度将会根据内容最多的那一栏的高度进行统一)
column-count:auto|整数 可以定义栏目的数目
column-break-before:auto|always|avoid 定义元素之前是否断行
column-break-after:auto|always|avoid 定义元素之后是否断行
对于引擎为webkit的浏览器,写法为-webkit-column
对于引擎为moz的浏览器,写法为-moz-column
相关文章推荐
- CSS 属性选择器详解
- CSS 参考手册
- CSS那些事儿-阅读随笔3(清除浮动)
- 提高CSS文件可维护性的五种方法
- iPhone6的CSS3媒体查询
- CSS3动画-表盘
- 所有设备的CSS像素
- css属性第二版
- 转载:css元素隐藏原理及display:none和visibility:hidden
- Css3绘制圆形
- 转载:你所不知的 CSS ::before 和 ::after 伪元素用法
- css3 滚动条出现 页面不跳动
- CSS兼容
- placeholder样式
- CSSearchableIndex
- CSSearchableItem
- CSSearchableItemAttributeSet
- CSS简介
- 模仿锤子手机“飞行模式”dialog样式
- IE, FireFox, Opera 浏览器支持CSS实现Alpha透明的方法 兼容问题