实例 指定列之间的的间隙为 40 个像素： div { column-gap: 40px;} 尝试一下 » 在此页底部有更多的例子。 浏览器支持 属性 column-gap 50.0 4.0-webkit- 10.0 2.0-moz- 9.0 3.1-webkit- 37.0 15.0-webkit 11.1 属性定...

实例 指定列之间的规则：宽度，样式和颜色： div{column-rule:3px outset #ff00ff;-moz-column-rule:3px outset #ff00ff; /* Firefox */-webkit-column-rule:3px outset #ff00ff; /* Safari and Chrome */} 尝试一下 » 在此页底部...

实例 指定列之间的颜色规则： div{column-rule-color:#ff0000;-moz-column-rule-color:#ff0000; /* Firefox */-webkit-column-rule-color:#ff0000; /* Safari and Chrome */} 尝试一下 » 在此页底部有更多的例子。 浏览器支持...

实例 指定列之间的样式规则： div{column-rule-style:dotted;-moz-column-rule-style:dotted; /* Firefox */-webkit-column-rule-style:dotted; /* Safari and Chrome */} 尝试一下 » 在此页底部有更多的例子。 浏览器支持...

实例 指定列之间的宽度规则： div { -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */ -moz-column-rule-width: 1px; /* Firefox */ column-rule-width: 1px;} 尝试一下 » 在此页底部有更多的例子。 浏览器支持...

实例 设置h2中的所有span元素 h2{column-span:all;-webkit-column-span:all; /* Safari and Chrome */} 尝试一下 » 在此页底部有更多的例子。 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本...

实例 指定列的宽度： div{column-width:100px;-moz-column-width:100px; /* Firefox */-webkit-column-width:100px; /* Safari and Chrome */} 尝试一下 » 在此页底部有更多的例子。 浏览器支持 表格中的数字表示支持...

实例 指定列的宽度和数量： div{ columns:100px 3; -webkit-columns:100px 3; /* Safari and Chrome */ -moz-columns:100px 3; /* Firefox */} 尝试一下 » 在此页底部有更多的例子。 浏览器支持 表格中的数字表示支...

实例 使 div 元素看上去像一个按钮： div{appearance:button;-moz-appearance:button; /* Firefox */-webkit-appearance:button; /* Safari and Chrome */} 尝试一下 » 浏览器支持 所有主流浏览器都不支持 appearance 属性...

实例 元素的总高度和宽度包含内边距和边框(padding 与 border) : #example1 { box-sizing: border-box;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit...