column-rule

column-rule是一種程式語言代碼，指看每個獨立屬性。

簡介

column-rule

語法

column-rule：[ column-rule-width ] || [ column-rule-style ] || [ column-rule-color ]

默認值：看每個獨立屬性

取值

[ column-rule-width ]：

設定或檢索對象的列與列之間的框線厚度。

[ column-rule-style ]：

設定或檢索對象的列與列之間的框線樣式。

[ column-rule-color ]：

設定或檢索對象的列與列之間的框線顏色。

說明

設定或檢索對象的列與列之間的框線。複合屬性。參閱border屬性

對應的腳本特性為columnRule。

寫法

核心類型寫法

Webkit(Chrome/Safari)-webkit-column-rule

Gecko(Firefox)-moz-column-rule

Presto(Opera)column-rule

Trident(IE)column-rule

W3Ccolumn-rule

示例

綠色框線即是column - rule所定義：This module describes multi - column layout in CSS By using functionality described in this document,

style sheets can declare that the content of an element is to be laid out in multiple columns.On the Web,

tables have also been used to describe multi - column layouts.The main benefit of using CSS - based columns is flexibility;

content can flow from one column to another,

and the number of columns can vary depending on the size of the viewport.Removing presentation table markup from documents allows them to more easily be presented on various output devices including speech synthesizers and small mobile devices.