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 リファレンス
• column-width 、 column-count 、 column-gap 、 column-rule 、 column-rule-width 、 column-rule-style 、 column-rule-color 、 column-span 、 column-fill 、 columns