設(shè)置列之間的顏色規(guī)則:
div { -moz-column-rule-width:1px; /* Firefox */ -webkit-column-rule-width:1px; /* Safari 和 Chrome */ column-rule-width:1px; }
頁面底部有更多實(shí)例。
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
Internet Explorer 10 和 Opera 支持 column-rule-width 屬性。
Firefox 支持替代的 -moz-column-rule-width 屬性。
Safari 和 Chrome 支持替代的 -webkit-column-rule-width 屬性。
注釋:Internet Explorer 9 以及更早版本的瀏覽器不支持 column-rule-width 屬性。
column-rule-width 屬性規(guī)定列之間的寬度規(guī)則。
默認(rèn)值: | medium |
---|---|
繼承性: | no |
版本: | CSS3 |
JavaScript 語法: | object.style.columnRuleWidth="thin" |
column-rule-width: thin|medium|thick|length;
值 | 描述 | 測試 |
---|---|---|
thin | 定義纖細(xì)規(guī)則。 | 測試 |
medium | 定義中等規(guī)則。 | 測試 |
thick | 定義寬厚規(guī)則。 | 測試 |
length | 規(guī)定規(guī)則的寬度。 | 測試 |
CSS3 教程:CSS3 多列
如對本文有疑問,請?zhí)峤坏浇涣髡搲?,廣大熱心網(wǎng)友會(huì)為你解答!! 點(diǎn)擊進(jìn)入論壇