CSS3 column-rule-width プロパティ
完全な CSS3 リファレンス
例
Specify the width of the rule between columns:
div
{
-moz-column-rule-width:1px; /* Firefox */
-webkit-column-rule-width:1px; /* Safari and Chrome */
column-rule-width:1px;
} |
Try it yourself »
More examples at the bottom of this page. |
ブラウザ・サポート

column-rule-width property is only supported in Opera.
Firefox supports an alternative, the -moz-column-rule-width property.
Safari and Chrome support an alternative, the -webkit-column-rule-width property.
定義と用法
column-rule-width property specifies the width of the rule between columns.
| デフォルト値: |
medium |
| 継承: |
no |
| バージョン: |
CSS3 |
| JavaScript構文: |
object.style.columnRuleWidth="thin" |
構文
| column-rule-width: thin|medium|thick|length; |
| 値 |
説明 |
| thin |
Defines a thin rule |
| medium |
Defines a medium rule |
| thick |
Defines a thick rule |
| length |
Specifies the width of the rule |
 |
Try it Yourself - Examples |
Column-count
Divide the text in a div element into three columns.
Column-gap
Divide the text in a div element into three columns, and specify a 30 pixels gap
between the columns.
Column-rule
Specify the width, style and color of the rule between columns.
関連ページ
CSS3 チュートリアル: CSS3 Multiple Columns
完全な CSS3 リファレンス
|