概要
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. |
勧告候補 |