HTML - colgroup / col 要素

概要

名前
colgroup / col
カテゴリー
colgroup
なし
col
なし
配置できる場所
colgroup
table 要素の子要素として、caption要素よりも後で、かつ thead 要素tbody 要素tfoot 要素、または tr 要素よりも前に配置すること。
col
span 属性を持たない colgroup 要素の子要素として配置できる。
コンテンツモデル
colgroup
span 属性を持つ場合、子要素を持ってはいけない。span 属性を持たない場合、0 個以上の col 要素、および、template 要素
col
空要素のため、子ノードを持ちません。
説明
colgroup
colgroup 要素は、表の縦列をグループ化する要素です。何列分の縦列をグループ化するかは、span 属性で指定するか、この要素の内部に col 要素を配置して示します。要素内容として col 要素を含んでいる場合は、colgroup 要素に span 属性を指定できない点に注意してください。
col
col 要素は、colgroup 要素の内部で使用され、そのグループ内での1列以上の縦列を表します。複数の縦列を表す場合には、その数を span 属性で指定します。
タグの省略
colgroup
最初の子要素が col要素で、かつ、終了タグを省略した別の colgroup 要素が直前に存在しない場合、開始タグを省略できます。空白文字、またはコメントが後にない場合、終了タグを省略できます。
col
開始タグも終了タグも省略できません。
DOM Interface
colgroup
HTMLTableColElement
col
HTMLTableColElement
仕様書
要素仕様書策定状況コメント
colgroupLS:現行の標準
REC:勧告
REC:勧告
colLS:現行の標準
REC:勧告
REC:勧告
サポートブラウザ
要素 ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
colgroup11
col11
○:Support ×:Not Support ?:未定義 n:以降の Version で Support

colgroup 要素の属性

colgroup 要素の属性サポートブラウザ
属性名 ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
align×
bgcolor××
char×
charoff×
span11
valign×
width11
○:Support ×:Not Support ?:未定義 n:以降の Version で Support
グローバル属性
すべての要素で共通に利用できるグローバル属性を指定できます。
span
この属性は colgroup 要素が及ぶ連続した列の数を示す正の整数を持ちます。指定しない場合のデフォルト値は 1 です。この属性は列グループの属性に適用されるものであり colgroup 要素や列グループのメンバー列内のセルに関連づけた CSS スタイル規則には影響しません。colgroup 要素内に 1 個以上の col 要素がある場合、span 属性は許可されていません。

非推奨の属性

以下の属性は非推奨、非標準、実験的、または廃止された属性のため、使用しないでください。

align
非推奨。新しいウェブサイトでは使用しないでください。
bgcolor
非推奨。新しいウェブサイトでは使用しないでください。
char
非推奨。新しいウェブサイトでは使用しないでください。
charoff
非推奨。新しいウェブサイトでは使用しないでください。
valign
非推奨。新しいウェブサイトでは使用しないでください。
width
非推奨。新しいウェブサイトでは使用しないでください。

col 要素の属性

col 要素の属性サポートブラウザ
属性名 ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
align×
bgcolor××
char×
charoff×
span11
valign×
width11
○:Support ×:Not Support ?:未定義 n:以降の Version で Support
グローバル属性
すべての要素で共通に利用できるグローバル属性を指定できます。
span
この属性は col 要素が及ぶ連続した列の数を示す正の整数を持ちます。指定しない場合のデフォルト値は 1 です。

非推奨の属性

以下の属性は非推奨、非標準、実験的、または廃止された属性のため、使用しないでください。

align
非推奨。新しいウェブサイトでは使用しないでください。
bgcolor
非推奨。新しいウェブサイトでは使用しないでください。
char
非推奨。新しいウェブサイトでは使用しないでください。
charoff
非推奨。新しいウェブサイトでは使用しないでください。
valign
非推奨。新しいウェブサイトでは使用しないでください。
width
非推奨。新しいウェブサイトでは使用しないでください。

サンプルコード

colgroup / col 要素のサンプルコードは以下のとおりです。

<table>
  <caption> ... </caption>
  
  <colgroup>
    <col style="background-color: #0f0">
    <col span="2">
  </colgroup>
  
</table>
colgroup / col 要素のサンプルコード

関連記事

HTML の全般的な記事はHTML タグの基本と使い方を参照してください。

Category:
プログラミング
公開日:
更新日:
Pageviews:
13
Shares:
0
Tag:
HTML
hatebu icon
hatebu