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

Style columns Property

<スタイルオブジェクト

3つの列、最小100個のピクセルごとにテキストを分割します:

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

定義と使用法

列プロパティは、columnWidthのとcolumnCountのを設定するための短縮形プロパティです。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

SafariとChromeは、代替、WebkitColumnsプロパティをサポートしています。

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


構文

列のプロパティを返します:

object .style.columns

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

object .style.columns="auto| プロパティ値
説明
auto デフォルト値。 列幅の両方を設定する"auto"とする列数"auto"
columnWidth 列の幅
columnCount 列の数
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

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

関連ページ

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

CSSリファレンス: columns property


<スタイルオブジェクト