【CSS】マルチカラムレイアウト
マルチカラムレイアウトとは
- 多段レイアウトを実現するレイアウト
- 複数列で構成されるレイアウトを用意に作成できる
マルチカラムレイアウト関連の主なプロパティ
プロパティ名 | 説明 |
---|---|
columns | column-countプロパティとcolumn-widthプロパティのショートハンドプロパティ |
columns-count | 要素の列数を指定する |
columns-width | 列の最小幅を指定する |
columns-gap | 列同士の間隔を指定する |
columns-rule | columns-rule-styleプロパティ、columns-rule-widthプロパティ、columns-rule-colorプロパティのショートハンドプロパティ |
columns-rule-style | 列間の線のスタイルを指定する |
columns-rule-width | 列間の線の幅を指定する |
columns-rule-color | 列間の色を指定する |
columns-span | すべての列にまたがる要素かどうかを指定する |