CSS3カラム-ruleプロパティー
例
幅、スタイル、および色:ルールは、列の間に指定します。
div要素
{
コラム・ルール:3px冒頭#FF00FF。
-moz-列ルール:3px冒頭#FF00FF; / * Firefoxの* /
-webkit-列ルール:3px冒頭#FF00FF; / * SafariやChromeの* /
}
{
コラム・ルール:3px冒頭#FF00FF。
-moz-列ルール:3px冒頭#FF00FF; / * Firefoxの* /
-webkit-列ルール:3px冒頭#FF00FF; / * SafariやChromeの* /
}
»をお試しください
より多くの例については、このページの下で。
ブラウザのサポート
表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。
すぐにデジタル-webkit-を以下、-ms-またはプレフィックスのサポートに前-moz-は最初のブラウザのバージョン番号を属性。
属性 | |||||
---|---|---|---|---|---|
column-rule | 50.0 4.0 -webkit- |
10.0 | 2.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit 11.1 |
属性の定義と指示
コラム・ルールプロパティ
コラム・ルールプロパティが簡略記述特性のすべての列-rule- *プロパティを設定されています。 コラム・ルールプロパティは、列幅、スタイルや色の間に設定されています。
デフォルト: | メディアなし黒 |
---|---|
継承: | いいえ |
バージョン: | CSS3 |
JavaScriptシンタックス: | オブジェクト.style.columnRule = "3px冒頭#FF00FF" |
文法
コラム・ルール:列rule-幅カラム・ルールスタイルの列ルール色。
値 | 説明 |
---|---|
コラムルール幅 | 列間のルールの幅を設定 |
コラム・ルールスタイル | 列間のスタイルルールを設定します |
コラムルール色 | 列間の色のルールを設定します。 |
より多くの例
列カウント
3列にテキストdiv要素。
カラムギャップ
3列にdiv要素内のテキスト、および30ピクセルの列の間のギャップを指定します。
関連記事
CSS3チュートリアル: CSS3の複数列