HTMLリファレンスマニュアル

HTMLタグ完全ガイド

HTML: <col> align 属性

align属性は、col要素に関連する内容の水平対齐方式を指定します。<col>タグは、<colgroup>要素内の各列に列属性を指定し、<col>タグは、全体の列にスタイルを適用するのに非常に役立ちます。各行の各セルにスタイルを繰り返し適用する必要はありません。

　HTML <col> タグ

オンラインサンプル

オンラインサンプルで<colgroup>と<col>タグを使用して3列の背景色を設定する：

例

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　<col>　align　属性の使用-基本チュートリアル(oldtoolbag.com)</title>
<style>table,　th,　td　{　　border:　1px　solid　black;}</style>
</head>
<body>
<table>
　　<colgroup>
　　　　<col　span="2"　style="background-color:red">
　　　　<col　style="background-color:yellow">
　　</colgroup>
　　<tr>
　　　　<th>ISBN</th>
　　　　<th>Title</th>
　　　　<th>Price</th>
　　</tr>
　　<tr>
　　　　<td>3476896</td>
　　　　<td>My　first　HTML</td>
　　　　<td>$53</td>
　　</tr>
　　<tr>
　　　　<td>5869207</td>
　　　　<td>My　first　CSS</td>
　　　　<td>$49</td>
　　</tr>
</table>
</body>
</html>

テストを見てみましょう «/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

Opera と Internet Explorer のみ 8 および、もっと早いIEバージョンは align 属性をサポートしています（IE9この属性はサポートされていません）。

定義と使用方法

HTML5 <col> align 属性はサポートされていません。

align 属性は、col 元素に関連する内容の水平整列方法を指定します。

<col> タグは、<colgroup> 要素内の各列に列属性を指定します。

<col> タグは、各セルの各行にスタイルを繰り返し適用するのではなく、整个列にスタイルを適用するのに非常に役立ちます。

構文

<col align="left|right|center|justify|char">

属性値

値	説明
left	内容を左に整列します（デフォルト値）。
right	内容を右に整列します。
center	内容を中央に整列します（th 要素のデフォルト値）。
justify	行を伸ばし、各行に等しい長さを持たせる（新聞や雑誌のように）。
char	指定された文字に内容を整列します。

　HTML <col> タグ

HTML: <template> タグ