例
すべての列にわたってH2要素のスパンをしてみましょう:
document.getElementById("myDIV").style.columnSpan = "all";
»それを自分で試してみてください 定義と使用法
columnSpanプロパティは、要素は全体またがる列数を指定します。
ブラウザのサポート
columnSpanプロパティは、Internet Explorer 10とOperaでサポートされています。
SafariとChromeは、代替、WebkitColumnSpanプロパティをサポートしています。
構文
columnSpanプロパティを返します:
object .style.columnSpan
columnSpanプロパティを設定します。
object .style.columnSpan="1|all|initial|inherit"
プロパティ値
値 | 説明 |
---|---|
1 | デフォルト値。 要素は、1つの列にまたがる必要があります |
all | 要素は、すべての列にまたがっ必要があります |
initial | このプロパティがデフォルト値に設定します。 最初の記事を読みます |
inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
技術的な詳細
デフォルト値: | 1 |
---|---|
戻り値: | 要素の列スパンプロパティを表す文字列、 |
CSSのバージョン | CSS3 |
関連ページ
CSS3のチュートリアル: CSS3複数列
CSSリファレンス: column-span property
<スタイルオブジェクト