<COL> | NN 6 IE 3 HTML 4 | |||||||||
<COL> | HTML 終了タグ : 使用不可 | |||||||||
col 要素を使用すると、テーブルまたはテーブルの列グループ内にある列のサブセットの幅とその他の特徴 (スタイル) を簡単に指定できます。この情報を table 要素の始めの方で表示し、テーブルにすべてのソースコードが読み込まれる前にブラウザでテーブルの処理を開始できる場合は開始します。それができない場合は、すべての配置の計算を行います。 col 要素は colgroup 要素と一緒に、または単独で使用できます。構造は個別の列や隣接する列に指定する幅やスタイルによって異なります。col 要素は複数の連続した列に適用できます。span 属性に整数値を指定すると、col 要素の幅とスタイルの設定は、指定した数の隣接する列にも適用されます。span 属性は colgroup 要素の colspan 属性に似ています。colgroup 要素と共に使用すると、col 要素によって colgroup セット内の関連する列のサブセットを作成できます。 テーブルの列構造に関わらず、すべての col 要素と colgroup 要素で定義される列の合計数はテーブルに作成する実際の列数と同じにする必要があります。次の 3 つの基本例では 6 つの列を持つ HTML 4 のテーブルを示します。 col 要素の HTML 4 仕様は、ある面で Windows 版 IE およびバージョン 6 までの Navigator での実装より優れています。たとえば HTML 4 では、列内で金額値の小数点などの文字の位置揃えができます。この種類の機能は col 要素に論理性を追加します。たとえば、テーブルの最初の 3 つの列をある方法でフォーマットし、4 つ目の列に特殊スタイルで独自の位置揃えを指定できます。 col 要素と colgroup 要素の属性は列全体に適用されるので、上の例では thead のスタイルシート規則は thead 要素にある行の 2 つの列スタイルの色設定を上書きします。前の例は、Windows 版 IE 4 以降で機能しますが、最後の列の位置揃えは無視されます。 ここで示す Netscape 6 のサポートはブラウザの DOM の実装に基づいています。DOM は col 要素とその属性が存在することをスクリプトに通知します。これらはプロパティとして反映されます。ただし、Netscape 7 ではこの要素は意図されたとおりに機能しません。Netscape の以降のバージョンで、この要素の内部に対する処理が修正される予定です。 |
||||||||||
例 | ||||||||||
<COL class="dateCols" width="15" align="right"> |
||||||||||
オブジェクト参照 | ||||||||||
[window.]document.getElementById(elementID)
|
||||||||||
要素固有の属性 | ||||||||||
|
||||||||||
要素固有のイベントハンドラー属性 | ||||||||||
なし |
align | NN 6 IE 3 HTML 4 | |||||||||||||||||
align="alignConstant" | オプション | |||||||||||||||||
col 要素がカバーする列のコンテンツに対して横方向の位置揃えの特徴を指定します。HTML 4 仕様では CSS 仕様にまだ反映されていない align 属性のいくつかの値を定義しています。たとえば、CSS には文字の位置揃えに相当するものがありません。Netscape 6 の互換性については、col 要素の説明を参照してください。 |
||||||||||||||||||
例 | ||||||||||||||||||
<COL class="dateCols" width="15" align="right"> |
||||||||||||||||||
値 | ||||||||||||||||||
HTML 4 と IE には次の 2 組の属性値があります。 center、left、right は言葉どおりの位置揃えを指します。これは CSS の text-align 属性でも同じです。justify に設定すると、コンテンツ間に空間を空け、テキストが左右の端で揃うようにします。char に設定すると、char 属性も設定して位置揃えを適用する文字を指定する必要があります。 align 属性は、テーブルに指定したすべての th 要素を含み、かつ col 要素がカバーするすべての列内のすべての行に適用されることに注意してください。列ヘッダに異なる位置揃えを指定するには、別の align 属性か、thead 要素または個々の th 要素のスタイルシートの text-align 属性で設定を上書きします。
|
||||||||||||||||||
既定値 | ||||||||||||||||||
left |
||||||||||||||||||
オブジェクト参照 | ||||||||||||||||||
[window.]document.getElementById(elementID).align
|
char | NN 6 IE なし HTML 4 |
char="character" | オプション |
char 属性は列内のテキストの位置揃え点として使用されるテキスト文字を定義します。この属性は "char" に設定された align 属性の値のみを対象とします。Microsoft では ch 属性についてドキュメント化されていますが、これは標準の char 属性に相当します。いずれの場合も、ブラウザはどちらの属性にも応答しません。Netscape 7 には、まだ char 属性のサポートが実装されていません。 |
|
例 | |
<COL class="priceColumn" align="char" char="."> |
|
値 | |
単一のテキスト文字 |
|
既定値 | |
なし |
charoff | NN 6 IE なし HTML 4 |
charoff="length" | オプション |
charoff 属性を使用すると、char 属性に設定された文字がセル内で表示されるオフセット点を指定できます。この属性はブラウザのデフォルト配置がテーブルのデザインと異なる場合のために用意されています。Microsoft では choff 属性についてドキュメント化されていますが、これは標準の charoff 属性に相当します。いずれの場合も、ブラウザはどちらの属性にも応答しません。Netscape 7 には、まだ charoff 属性のサポートが実装されていません。 |
|
例 | |
<COL class="priceColumn" align="char" char="." charoff="80%"> |
|
値 | |
ピクセル数で示す長さの値またはセル領域のパーセント値 |
|
既定値 | |
なし |
choff | |
charoff を参照してください。 |
lang | NN 3 IE 4 HTML 4 |
lang="languageCode" | オプション |
要素の属性値およびコンテンツに使用される言語。ブラウザはこの情報を使用して、合字 (特定のフォントでサポートされたり、書き言葉で必要になった場合)、疑問符、およびハイフネーションの処理などの詳細に関して、コンテンツの適切な表示を行います。その他のアプリケーションや検索エンジンでは、スペルチェック辞書の選択やインデックスの作成にこの情報を利用する場合があります。 |
|
例 | |
<SPAN lang="de">Deutsche Bundesbahn</SPAN> |
|
値 | |
大文字と小文字を区別しない言語コード |
|
既定値 | |
ブラウザの既定値 |
|
オブジェクト参照 | |
[window.]document.getElementById(elementID).lang
|
span | NN 6 IE 3 HTML 4 |
span="columnCount" | オプション |
col 要素の属性とスタイルの設定を適用する、連続した列の数を定義します。この属性を設定しない場合、col 要素は単一の列を制御します。列のサブグループでの必要に応じて、異なる span サイズの複数の col 要素を組み合わせることができます。Netscape 6 の互換性については、col 要素の説明を参照してください。 |
|
例 | |
<COL span="3"> |
|
値 | |
0 より大きい整数値 |
|
既定値 | |
1 |
|
オブジェクト参照 | |
[window.]document.getElementById(elementID).span
|
valign | NN 6 IE 4 HTML 4 |
valign="alignmentConstant" | オプション |
col 要素がカバーする列のセル内のコンテンツに対して縦方向の位置揃えを設定します。列内にある特定のセルの縦方向の位置揃えを上書きできます。Netscape 6 の互換性については、col 要素の説明を参照してください。 |
|
例 | |
<COL valign="middle"> |
|
値 | |
Windows 版 IE 4 以降と HTML 4 の両方で使用できる次の 4 つの定数値 : top、middle、bottom、baseline。top と bottom ではコンテンツはテーブルセルの一番上と下と同じか、それに一番近い位置に揃います。middle (既定値) に設定するとコンテンツはセルの縦方向の中央に表示されます。通常のウィンドウ (さまざまなテーブル幅で仮定する) の幅で複数行にわたって折り返されるセルのコンテンツがある場合、同じ行のすべてのセルまたはすべての col 要素の valign 属性に baseline を設定することをお勧めします。この設定を行うと、セルのテキストの最初の (または唯一の) 行の文字ベースラインが、その行にある他の最も外観のよいセルに揃います。 |
|
既定値 | |
middle |
|
オブジェクト参照 | |
[window.]document.getElementById(elementID).vAlign
|
width | NN 6 IE 4 HTML 4 |
width="multiLength" | オプション |
col 要素がカバーする列の最大幅を定義します。実際のブラウザ (Windows 版 IE 4 以降) では、空白スペースを含まない最大幅の連続する文字 (最も長い単語) より狭い列は表示されません。このような列幅の正確な幅はコンテンツのフォントの特徴にもよります。Netscape 6 の互換性については、col 要素の説明を参照してください。 |
|
例 | |
<COL width="100"> |
|
値 | |
Internet Explorer では「px」単位を使用しないピクセル値、またはテーブル全体に割り当てられた使用可能な横方向の領域のパーセント値 (width="25%" など) で width の長さの値が指定できます。 HTML 4 仕様では標準の長さの計測を補う追加の長さの測定方法を採り入れています。これは比例長または MultiLength と呼ばれ、このフォーマットには特別な記述方法とジオメトリが使用されます。この方法は、すべての固定長とパーセントの長さが計算された後で、テーブル領域に使用できる幅に基づいて col 要素のサイズが決まる場合に適しています。比例長の記述方法 (数字の後にアスタリスクを付ける) を使用すると、残っている領域をこの割合で分けるようにブラウザに指示できます。たとえば、他のすべての列幅の計算が終了した後で 100 ピクセルがページの横方向の領域に残っている場合、3 つの col 要素で 1*、3*、および 1* の width 属性を指定するとします。これを合計すると 5 つの均等なグメントになります。使用できる 100 ピクセルの幅は、残りの領域全体に対する割合に従って、20、60、20 ピクセルが比例列に与えられます。 |
|
既定値 | |
ブラウザの計算方法によって異なります。 |