column-span

概要

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

  • 初期値 none
  • 適用対象 フロート内に配置された、フローティングや絶対配置がなされていない全てのブロックレベル要素
  • 継承 継承しない
  • メディア visual
  • 計算値 指定値

構文

column-span: none     or
column-span: all

where:

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

h1, h2 {
  column-span: all;
}

仕様

仕様書 策定状況 コメント
CSS Multi-column Layout Module 勧告候補  

ブラウザ実装状況

機能 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

関連情報

Document Tags and Contributors

Contributors to this page: sosleepy, ethertank
最終更新者: ethertank,
サイドバーを隠す