段と段との間をまたいで表示する

書式

column-span: 段をまたぐ数

説明

段と段との間をまたいで表示するにはcolumn-spanを使います。値には段をまたぐ数を指定します(2011年9月25日時点では1またはallしか指定できません)。column-span : allとすれば全ての段をまたぐ事になります。
ブラウザによってはベンダープレフィックスを指定しないと動作しません。

サンプル サンプルを実行 サンプルをダウンロード

#content {
column-count: 3;
-webkit-column-count: 3;
column-rule-style: solid;
-webkit-column-rule-style: solid;
}
#headText {
border-bottom: 2px solid red;
column-span: all;
-webkit-column-span: all;
}
目次に戻る