CSS

The column-span property is a CSS property used to specify elements that span across column boundaries in a layout with multiple columns.

column-span

　column-spanプロパティは、複数のカラムを持つレイアウトで、カラムの境界をまたぐ要素を指定するために使用されます。

　例えば、ある要素が 2つのカラムにまたがっている場合、通常はカラムの境界で改行されます。しかし、column-spanプロパティを使用すると、要素が複数のカラムにまたがって表示されるように指定できます。

　このプロパティは、以下のように使用されます。

CSS

.element {
	column-span: all;
}

　この例では、.elementクラスに対して、column-spanプロパティの値を「all」と指定しています。これにより、.element要素は、すべてのカラムにまたがって表示されます。

　ただし、注意点があります。column-spanプロパティは、対象となる要素がカラムの境界にある場合にのみ有効です。また、ブロックレベル要素にしか適用できないため、インライン要素には使用できません。