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

Style columnCount Property

<スタイルオブジェクト

3つの列にdiv要素内のテキストを分割します:

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

定義と使用法

ColumnCountプロパティは、要素が分けする必要がある列の数を指定します。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

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

注意:ColumnCountプロパティは、Internet Explorer 9およびそれ以前のバージョンではサポートされていません。


構文

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

object .style.columnCount

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

object .style.columnCount=" プロパティ値
説明
number 元素の含有量が流入されるにカラムの最適数
auto デフォルト値。 列数は例えばのような、他の特性によって決定される"column-width"
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: オート
戻り値: 要素の列カウントプロパティを表す文字列、
CSSのバージョン CSS3

関連ページ

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

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


<スタイルオブジェクト