CSS
WEB用語(N)

<multicol> - 段組み

トップ > HTMLリファレンス > <multicol>
概要
形式<multicol cols="...">〜</multicol>
サポートN3〜N4
タグの省略開始タグ:必須、終了タグ:必須
包含可能要素ブロック要素 / インライン要素
説明

multicol は MULTI COLumn の略です。Netscape ブラウザ 3.0〜4.* のみでサポートされているタグで、文書を 2段組や 3段組などにします。段組を行う際に非常に便利なタグなのですが、見栄えを定義するタグとして W3C には採用されず、Netscape 6.0 でも廃止されました。

属性
【固有属性】
属性意味
cols=nN3。段組の段数を指定します。
gutter=gutterN3。段組の間の隙間の幅をピクセルで指定します。省略時は10になります。
width=nN3。ひとつの段の横幅をピクセルで指定します。

【一般属性】
属性意味
class=classN4。クラスを指定します。
id=idN4。IDを指定します。
style=styleN4。スタイルシートを指定します。
使用例
HTMLソース
<multicol cols=3>
このタグを用いると段組になります。
このタグを用いると段組になります。
このタグを用いると段組になります。
このタグを用いると段組になります。
このタグを用いると段組になります。
このタグを用いると段組になります。
このタグを用いると段組になります。
このタグを用いると段組になります。
</multicol>

ブラウザ表示例(※)
このタグを用いると段組になります。 このタグを用いると段組になります。 このタグを用いると段組になります。 このタグを用いると段組になります。 このタグを用いると段組になります。 このタグを用いると段組になります。 このタグを用いると段組になります。 このタグを用いると段組になります。
※ 未対応ブラウザのためにテーブルを用いて表現しています。
補足

同様の段組を <multicol> 未サポートブラウザで実現しようとすると、テーブルを用いてレイアウトすることになります。この時、<td> タグに valign=top 属性を指定すると見栄えがよくなります。

<table width="100%">
<tr>
<td valign=top>
このタグを用いると段組になります。
このタグを用いると段組になります。
</td>
<td valign=top>
このタグを用いると段組になります。
このタグを用いると段組になります。
</td>
<td valign=top>
このタグを用いると段組になります。
このタグを用いると段組になります。
</td>
</tr>
</table>

<< PAGE TOP >>

BACK UP 初心者でホームページを考えてられてる方へ

独自ネットショップや楽天ショップ・YAHOOショップ運営される初心者の方も、無料で、親切にアドバイスいたします。
SEO・月次更新・リニュアルetc

ホームページの事なら

何でもお問合せください。
お問合せフォームはこちらから

リュウム株式会社

京都市中京区橋弁慶町222番地
ヒライビル3階

TEL 075-257-4588
営業時間 AM10:00-PM7:00


CSS
Ryuumu