column-span

概要

column-span は、値が all に設定されている場合、その要素をすべてのカラム(列)にまたがる形で表示する CSS プロパティです。ひとつ以上のカラムをまたがる要素はスパニング要素 (spanning element)と呼称されます。

初期値none
適用対象フロート内に配置された、フローティングや絶対配置がなされていない全てのブロックレベル要素
継承不可
メディアvisual
計算値指定値
アニメーションの可否不可
正規順序形式文法で定義される一意のあいまいでない順序

構文

none | all

where:

none
複数の列をまたぎません(※初期値)
all
すべてのカラムをまたぐ形で要素を表示。 この要素より前に現れる通常フローにあるコンテンツは自動的に、要素の表示前にすべてのカラムとバランスがとられます。要素は新しいブロック整形文脈を形成します。

h1, h2 {
  column-span: all;
}

仕様

仕様書 策定状況 コメント
CSS Multi-column Layout Module
The definition of 'column-width' in that specification.
勧告候補  

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート (有) -webkit 未サポート 10 11.1+ (有) -webkit
機能 Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本サポート (有) -webkit ? 未サポート ? 11.1+ (有) -webkit

ドキュメントのタグと貢献者

 このページの貢献者: fscholz, Sebastianz, ethertank, sosleepy
 最終更新者: fscholz,