column属性的style属性怎么用

点击联系发帖人 时间：2016-05-27 02:31

column属性

CSS3 可以将文本内容设计成像报纸一樣的多列布局如下实例:

编程字典()提供了编程的基础技术教程,介绍了HTML、CSS、Javascript、Python，JavaRuby，CPHP ,MySQL等各种编程语言的基础知识。同时本站中也提供了大量的在线实例通过实例，您可以更好的学习编程

表格中的数字表示支持该方法的第一个浏览器的版本号。

紧跟在数字后面的 -webkit- 或 -moz- 为指定瀏览器的前缀

本章节我们将学习以下几个 CSS3 的多列属性:

CSS3 多列中列与列间的间隙

column属性-gap 属性指定了列与列间的间隙。

以下实例指定了列与列间嘚间隙为 40 像素：

以下实例设置了列直接的边框的厚度样式及颜色：

以下实例指定 <h2> 元素跨越所有列：

下表列出了所有 CSS3 的多列属性：

}

指定列之间的样式规则：

在此页底部有更多的例子

表格中的数字表示支持该属性的第一个浏览器版本号。

紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号

萣义 3D grooved 规则。该效果取决于宽度和颜色值

定义 3D ridged 规则。该效果取决于宽度和颜色值

定义 3D inset 规则。该效果取决于宽度和颜色值

定义 3D outset 规则。该效果取决于宽度和颜色值

div元素的文本分成三列。

在div元素的文本分成三列并指定一个30像素的列之间的差距。

指定列之间的规则：宽度樣式和颜色。

}