columns

概要

CSS の columns プロパティは column-width と column-count の両方のプロパティを同時に設定できるショートハンドプロパティです。

構文

形式文法: <'column-width'> || <'column-count'>

値

<'column-width'>

カラム幅の最適化のヒントになる <length> 値です。実際のカラム幅は、これより広くなるか（利用可能なスペースを埋める場合）、狭くなります（指定したカラム幅よりも利用可能な幅が狭い場合のみ）。length は正の値である必要があり、そうでなければ無効になります。

<'column-count'>

正の <integer> で、要素のコンテンツが流れこむカラム数の理想値を記述します。column-width がすでに auto 以外の値にセットされていれば、単に列数の最大許容値を示します。

例

.content-box {
  border: 10px solid #000000;
  columns:3;
}

仕様

ブラウザ実装状況

関連情報

• CSS リファレンス