column-span
column-span プロパティは段組みレイアウトで要素を全ての段にまたがらせるための指定です。
プロパティの詳細
- 値
- none, all
- 初期値
- none
- 対象
- フロート内に配置されている、フローティングや絶対配置されていない全てのブロックレベル要素
- 継承
- しない
- CSS レベル
- CSS 3
値の詳細
- none
- 要素は複数の段にまたがらない（初期値）
- all
- 要素が全ての段にまたがる
サンプル
HTML
<div class="box1">
<h3>この見出しが複数の段にまたがります（横1列になります）</h3>
<p>column-span : all; が指定されていないこの段落は段組みレイアウトになります。
column-span : all; が指定されていないこの段落は段組みレイアウトになります。
column-span : all; が指定されていないこの段落は段組みレイアウトになります。</p>
</div>CSS
div.box1 {
columns: 3;
}
ｈ3 {
column-span: all;
background-color: #cccccc;
}