您現(xiàn)在的位置： 365建站網(wǎng) > 建站教程 > css教程 > CSS3 column-rule-style 屬性

CSS3 column-rule-style 屬性

此節(jié)有 259 人學(xué)習(xí)過(guò) 參與評(píng)論

實(shí)例

設(shè)置列之間的顏色規(guī)則：

div
{
-moz-column-rule-style:dotted; /* Firefox */
-webkit-column-rule-style:dotted; /* Safari 和 Chrome */
column-rule-style:dotted;
}

頁(yè)面底部有更多實(shí)例。

IE	Firefox	Chrome	Safari	Opera

Internet Explorer 10 和 Opera 支持 column-rule-style 屬性。

Firefox 支持替代的 -moz-column-rule-style 屬性。

Safari 和 Chrome 支持替代的 -webkit-column-rule-style 屬性。

注釋?zhuān)?/span>Internet Explorer 9 以及更早版本的瀏覽器不支持 column-rule-style 屬性。

column-rule-style 屬性規(guī)定列之間的樣式規(guī)則。

默認(rèn)值：	none
繼承性：	no
版本：	CSS3
JavaScript 語(yǔ)法：	object.style.columnRuleStyle="dotted"

column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;

值	描述	測(cè)試
none	定義沒(méi)有規(guī)則。	測(cè)試
hidden	定義隱藏規(guī)則。	測(cè)試
dotted	定義點(diǎn)狀規(guī)則。	測(cè)試
dashed	定義虛線規(guī)則。	測(cè)試
solid	定義實(shí)線規(guī)則。	測(cè)試
double	定義雙線規(guī)則。	測(cè)試
groove	定義 3D grooved 規(guī)則。該效果取決于寬度和顏色值。	測(cè)試
ridge	定義 3D ridged 規(guī)則。該效果取決于寬度和顏色值。	測(cè)試
inset	定義 3D inset 規(guī)則。該效果取決于寬度和顏色值。	測(cè)試
outset	定義 3D outset 規(guī)則。該效果取決于寬度和顏色值。	測(cè)試