CSSリファレンスマニュアル

CSS@規則(RULES)

column-width CSS属性は、多列要素の中の列の最適な幅を指定します。これは絶対値ではありません。ブラウザは他の属性の値に基づいて列の幅を調整することができます。column-count。

以下のテーブルは、この属性の使用方法とバージョンハイストリと、JavaScriptスクリプトでのこの属性の使用構文を示しています。

デフォルト値：	auto
適用：	非リプレースブロック要素（テーブル要素を除く）、テーブルセルとインラインブロック要素
継承：	ありません
アニメーション可能：	は。参照してくださいアニメーション属性。
バージョン：	CSS3の新機能
JavaScript構文：	object.style.columnWidth="100px"

この属性の構文は以下の通りです：

column-width:　length　|　auto　|　initial　|　inherit

以下の例では、column-width属性。

例

p　{
　　　　-webkit-column-width:　150px;　/*　Chrome,　Safari,　Opera　*/
　　　　　　　-moz-column-width:　150px;　/*　Firefox　*/
　　　　　　　　　　　　column-width:　150px;　
}

以下のテーブルは、この属性の値を説明しています。

値	説明
length	絶対または相対単位で表される長さで、列の幅を指定するために使用されます。
auto	列幅は、columnなどの他の属性値によって決定されます。-Count。これはデフォルト値です。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のcolumn-widthの属性値。

column-width属性のブラウザの互換性について、以下のテーブルの数字は、この属性をサポートするブラウザの最低バージョン番号を示します；すべての主要ブラウザはこの属性をサポートしています。

	Firefox 2+ ^-moz- Google Chrome 4+ ^-webkit- Internet Explorer 10+ Apple Safari 3.1+ ^-webkit- Opera 11.1+ ^-o-、15+ ^-webkit-

以下のチュートリアルを参照してください：CSS3多列レイアウト。