CSS3カラム・ルールスタイルのプロパティ
例
列間のスタイル規則を指定します。
div要素
{
コラム・ルールスタイル:点在。
-moz-列ルールスタイル:点在; / * Firefoxの* /
-webkit-列ルールスタイル:点在; / * SafariやChromeの* /
}
{
コラム・ルールスタイル:点在。
-moz-列ルールスタイル:点在; / * Firefoxの* /
-webkit-列ルールスタイル:点在; / * SafariやChromeの* /
}
»をお試しください
より多くの例については、このページの下で。
ブラウザのサポート
表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。
すぐにデジタル-webkit-を以下、-ms-またはプレフィックスのサポートに前-moz-は最初のブラウザのバージョン番号を属性。
属性 | |||||
---|---|---|---|---|---|
column-rule-style | 50.0 4.0 -webkit- |
10.0 | 2.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit 11.1 |
属性の定義と指示
コラムルールstyle属性は、列間のスタイル規則を指定します。
デフォルト: | なし |
---|---|
継承: | いいえ |
バージョン: | CSS3 |
JavaScriptシンタックス: | オブジェクト.style.columnRuleStyle = "点線" |
文法
コラム・ルールスタイル:なし|隠さ|点在|破線|固形|ダブル|溝|尾根|はめ込み|発端。
値 | 説明 |
---|---|
なし | 定義されたルールはありません。 |
隠されました | 定義されたルールを非表示にします。 |
点在 | ポイントのルールを定義します。 |
破線の | 点線は、ルールが定義されています。 |
固体 | 実際のラインルールを定義します。 |
ダブル | 定義されたルールのダブル。 |
溝 | 3Dは、定義されたルールを溝付き。 この効果は、幅と色の値に依存します。 |
尾根 | 3D畝ルールを定義します。 この効果は、幅と色の値に依存します。 |
インセット | 3Dは、インセットのルールを定義しました。 この効果は、幅と色の値に依存します。 |
初め | 3D当初定義されたルール。 この効果は、幅と色の値に依存します。 |
より多くの例
列カウント
3列にテキストdiv要素。
カラムギャップ
3列にdiv要素内のテキスト、および30ピクセルの列の間のギャップを指定します。
列のルール
幅、スタイル、色:ルールは、列の間を指定します。
関連記事
CSS3チュートリアル: CSS3の複数列