カラムで要素の横にまたがり方
カラム内要素の横にまたがりについて
カラムで分割されている要素で、ある子孫要素を横方向へまたがる仕方を調整するには、column-spanプロパティを使用します。
なお、またがる要素はブロック要素である必要があります。
【構文】
column-span:値;
指定可能な値
| 値 | 説明 | 初期値 |
|---|---|---|
| none | またがりを無効 | ○ |
| all | 全カラムにまたがる | - |
サンプル
none Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
all Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
サンプルコード
CSS