プログラミング

column-spanでカラムをまたがる要素を指定する【CSS】

column-spanプロパティは、段組み中で複数のカラムをまたがる要素を指定するプロパティです。

{column-span: 表示方法;}

ちなみにカラムの数や幅はcolumnsプロパティで指定できます。

関連記事
columnsでカラムの列幅と列数をまとめて指定【CSS】

column-spanの値の指定方法

column-spanプロパティでは、以下のような値を指定することができます。

none

noneを指定すると、複数のカラムにまたがって表示されません。

all

allを指定すると、指定した要素をすべてのカラムにまたがって表示します。

この文章にはcolumn-countプロパティで3を指定しています。

カラム(表組みの列幅)は3列となっています。

そのため文章も3列です。

この文章にはcolumn-spanプロパティでallを指定しているので、ほかの段組みにまたがって表示されます。

Leave a Comment