最新のWeb開発のチュートリアル
 

Style columnRule Property

<スタイルオブジェクト

幅、スタイルと列の間のルールの色を指定します。

document.getElementById("myDIV").style.columnRule = "3px outset blue";
»それを自分で試してみてください

定義と使用法

columnRuleプロパティは、すべてのcolumnRule *プロパティを設定するための短縮形プロパティです。

columnRuleプロパティは、カラム間のルールの幅、スタイル、色を設定します。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

columnRuleプロパティは、Internet Explorer 10とOperaでサポートされています。

Firefoxは、代替、MozColumnRuleプロパティをサポートしています。

SafariとChromeは、代替、WebkitColumnRuleプロパティをサポート。


構文

columnRuleプロパティを返します:

object .style.columnRule

columnRuleプロパティを設定します。

object .style.columnRule=" プロパティ値
説明
columnRuleWidth 列間のルールの幅を設定します。 デフォルト値は媒体であります
columnRuleStyle 列間のルールのスタイルを設定します。 デフォルト値はnoneです
columnRuleColor 列間のルールの色を設定します。 デフォルト値は、要素の色です
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: メディアなしカラー
戻り値: 要素の列規則性を表す文字列、
CSSのバージョン CSS3

関連ページ

CSS3のチュートリアル: CSS3複数列

CSSリファレンス: column-rule property


<スタイルオブジェクト