簡単に段組が作れる！CSS3、columnsプロパティ [ホームページ作成] All AboutCSS3で新たに追加された「columns」プロパティなどを使えば、「段組(マルチカラム)」レイアウトが、短い記述だけで簡単に作れます。 「3段組」や「4段組」のように、段の個数を指定することもできますし、「1段は20文字分」のように1段の横幅だけを指定しておいて、描画領域に入るだけ段を並べるレイアウトも簡単に作成できます。段と段の間に罫線を引くのも、専用のプロパティを1つ追記するだけで実現できます。 ■横に長くなるのを防ぎつつ、表示領域を有効に活用できる このCSS3の「columns」プロパティを使う方法で本文に段組レイアウトを採用すれば、長文を横長のウインドウで閲覧された場合でも、文章が横方向に長くなりすぎるのを簡単に防げます。単にmax-widthプロパティなどで横幅の最大値を制限するのとは異なり、必要に応じて段を増やせるため表示領域を有効に活用できます。リキッドレイアウトを採用し
![簡単に段組が作れる！CSS3、columnsプロパティ [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/a236f9d3168d5b92916067be34c16a6497b2c575/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F4%2F1%2F8%2F5%2F4%2Ftopimg_large.png)
