Table styling
非推奨: この機能は推奨されません。一部のブラウザーではまだ対応されているかもしれませんが、関連するウェブ標準からすでに削除されているか、削除されつつあるか、あるいは互換性の目的でのみ保持されている可能性があります。使用を避け、可能であれば既存のコードを更新してください。判断の参考に、このページ下部の互換性一覧表を参照してください。この機能はいつでも動作しなくなる可能性があることに注意してください。
`HTMLTableCaptionElement` インターフェイスの `align` プロパティは、`<caption>` テーブル要素内のテキストを水平方向に揃える方法を示す文字列です。
注: このプロパティは非推奨であり、セル内のテキストを水平方向に揃えるには CSS を使用すべきです。代わりに、優先される CSS の `text-align` プロパティを使用して、キャプションセル内のテキストを水平方向に揃えてください。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | 3 | 18 | 1 | |
| HTML 属性 | ||||||
align 非推奨 | 1 | 12 | 1 | ≤4 | 18 | ≤3.2 |
align 非推奨 | 1 | 12 | 1 | 3 | 18 | 2 |
char 非推奨 | | 12 | | | | |
charoff 非推奨 | | 12 | | | | |
valign 非推奨 | 1 | 12 | 1 | 3 | 18 | 2 |
width 非推奨 | 1 | 12 | 1 | ≤4 | 18 | ≤3.2 |
align 非推奨 | 1 | 12 | 1 | 3 | 18 | 2 |
char 非推奨 | | 12 | | | | |
charoff 非推奨 | | 12 | | | | |
valign 非推奨 | 1 | 12 | 1 | 3 | 18 | 2 |
width 非推奨 | 1 | 12 | 1 | ≤4 | 18 | ≤3.2 |
align 非推奨 | 1 | 12 | 1 | 1 | 18 | 1 |
bgcolor 非推奨 | 1 | 12 | 1 | 1 | 18 | 1 |
border 非推奨 | 1 | 12 | 1 | 1 | 18 | 1 |
cellpadding 非推奨 | 1 | 12 | 1 | 1 | 18 | 1 |
cellspacing 非推奨 | 1 | 12 | 1 | 1 | 18 | 1 |
frame 非推奨 | 1 | 12 | 1 | 1 | 18 | 1 |
rules 非推奨 | 1 | 12 | 1 | 1 | 18 | 1 |
summary 非推奨 | 1 | 12 | 1 | 1 | 18 | 1 |
width 非推奨 | 1 | 12 | 1 | 1 | 18 | 1 |
align 非推奨 | 1 | 12 | 1 | 3 | 18 | 2 |
bgcolor 非推奨 | 1 | 12 | 1 | 1 | 18 | 1 |
char 非推奨 | | 12 | | | | |
charoff 非推奨 | | 12 | 1 | | | |
valign 非推奨 | 1 | 12 | 1 | 3 | 18 | 2 |
abbr 非推奨 | 1 | 12 | 1 | 1 | 18 | 1 |
align 非推奨 | 1 | 12 | 1 | 3 | 18 | 2 |
axis 非推奨 | 1 | 12 | 1 | 1 | 18 | 1 |
bgcolor 非推奨 | 1 | 12 | 1 | 1 | 18 | 1 |
char 非推奨 | | 12 | | | | |
charoff 非推奨 | | 12 | 1 | | | |
scope 非推奨 | 1 | 12 | 1 | 1 | 18 | 1 |
valign 非推奨 | 1 | 12 | 1 | 3 | 18 | 2 |
width 非推奨 | 1 | 12 | 1 | 1 | 18 | 1 |
align 非推奨 | 1 | 12 | 1 | 3 | 18 | 2 |
bgcolor 非推奨 | 1 | 12 | 1 | 1 | 18 | 1 |
char 非推奨 | | 12 | | | | |
charoff 非推奨 | | 12 | 1 | | | |
valign 非推奨 | 1 | 12 | 1 | 3 | 18 | 2 |
align 非推奨 | 1 | 12 | 1 | 3 | 18 | 2 |
axis 非推奨 | 1 | 12 | 1 | 1 | 18 | 1 |
bgcolor 非推奨 | 1 | 12 | 1 | 1 | 18 | 1 |
char 非推奨 | | 12 | | | | |
charoff 非推奨 | | 12 | 1 | | | |
valign 非推奨 | 1 | 12 | 1 | 3 | 18 | 2 |
width 非推奨 | 1 | 12 | 1 | 1 | 18 | 1 |
align 非推奨 | 1 | 12 | 1 | 3 | 18 | 2 |
bgcolor 非推奨 | 1 | 12 | 1 | 1 | 18 | 1 |
char 非推奨 | | 12 | | | | |
charoff 非推奨 | | 12 | 1 | | | |
valign 非推奨 | 1 | 12 | 1 | 3 | 18 | 2 |
align 非推奨 | 1 | 12 | 1 | 3 | 18 | 2 |
bgcolor 非推奨 | 1 | 12 | 1 | 1 | 18 | 1 |
char 非推奨 | | 12 | | | | |
charoff 非推奨 | | 12 | | | | |
valign 非推奨 | 1 | 12 | 1 | 3 | 18 | 2 |
| DOM API | ||||||
align 非推奨 HTMLTableCellElement インターフェイスの align プロパティは、th または td テーブル セル内のテキストを水平方向に配置する方法を示す文字列です。 | 1 | 12 | 1 | 3 | 18 | 1 |
axis 非推奨 | 1 | 12 | 1 | 3 | 18 | 1 |
bgColor 非推奨 HTMLTableCellElement.bgColor プロパティは、セルの背景色を設定するか、廃止された bgColor 属性の値を取得するために使用されます (存在する場合)。 | 1 | 12 | 1 | 3 | 18 | 1 |
ch 非推奨 HTMLTableCellElement インターフェイスの ch プロパティは何も行いません。 cell 要素の char 属性を反映します。 | 1 | 12 | 1 | 3 | 18 | 1 |
chOff 非推奨 HTMLTableCellElement インターフェイスの chOff プロパティは何も行いません。 これは cell 要素の charoff 属性を反映します。 | 1 | 12 | 1 | 3 | 18 | 1 |
height 非推奨 | 1 | 12 | 1 | 3 | 18 | 1 |
noWrap 非推奨 HTMLTableCellElement インターフェイスの noWrap プロパティは、セルのテキストを複数行に折り返すことができるかどうかを示すブール値を返します。 | 1 | 12 | 1 | 3 | 18 | 1 |
vAlign 非推奨 HTMLTableCellElement インターフェイスの vAlign プロパティは、th または td テーブル セル内のテキストを垂直方向に配置する方法を示す文字列です。 | 1 | 12 | 1 | 3 | 18 | 1 |
width 非推奨 | 1 | 12 | 1 | 3 | 18 | 1 |
align 非推奨 HTMLTableColElement インターフェイスの align プロパティは、テーブルの列要素内のテキストを水平方向に配置する方法を示す文字列です。 | 1 | 12 | 1 | 3 | 18 | 1 |
ch 非推奨 HTMLTableColElement インターフェイスの ch プロパティは何も行いません。 これは、col 要素の char 属性を反映します。 | 1 | 12 | 1 | 3 | 18 | 1 |
chOff 非推奨 HTMLTableColElement インターフェイスの chOff プロパティは何も行いません。 これは、col 要素の charoff 属性を反映します。 | 1 | 12 | 1 | 3 | 18 | 1 |
vAlign 非推奨 HTMLTableColElement インターフェイスの vAlign プロパティは、テーブルの列要素内のテキストを垂直方向に配置する方法を示す文字列です。 | 1 | 12 | 1 | 3 | 18 | 1 |
width 非推奨 | 1 | 12 | 1 | 3 | 18 | 1 |
align 非推奨 HTMLTableElement.align プロパティは、表の配置を表します。 | 1 | 12 | 1 | 3 | 18 | 1 |
bgColor 非推奨 bgcolor は HTMLTableElement のプロパティで、この表の背景色を表します。 | 1 | 12 | 1 | 3 | 18 | 1 |
border 非推奨 HTMLTableElement.border プロパティは、 table 要素の境界の幅を表します。 | 1 | 12 | 1 | 3 | 18 | 1 |
cellPadding 非推奨 HTMLTableElement.cellPadding プロパティは、表のそれぞれのセルの周囲にあるパディングを表します。 | 1 | 12 | 1 | 3 | 18 | 1 |
cellSpacing 非推奨 代わりに CSS の border-spacing プロパティを使うべきですが、旧式の HTMLTableElement インターフェイスの cellSpacing プロパティは、表のセルを表す個々の th および td 要素の周りの間隔を表わします。任意の 2 つのセルは、それぞれの cellSpacing の合計値で区切られます。 | 1 | 12 | 1 | 3 | 18 | 1 |
frame 非推奨 HTMLTableElement インターフェイスの frame プロパティは、文字列で表の外部の境界のうちどれを描画するかを示します。 | 1 | 12 | 1 | 3 | 18 | 1 |
rules 非推奨 HTMLTableElement.rules プロパティは、表の中でセルのどの境界を描画するかを示します。 | 1 | 12 | 1 | 3 | 18 | 1 |
summary 非推奨 HTMLTableElement.summary プロパティは表の説明を表します。 | 1 | 12 | 1 | 3 | 18 | 1 |
width 非推奨 HTMLTableElement.width プロパティは、表の推奨される幅を表します。 | 1 | 12 | 1 | 3 | 18 | 1 |
align 非推奨 HTMLTableRowElement インターフェイスの align プロパティは、tr テーブル行内のテキストを水平方向に配置する方法を示す文字列です。 個々のセルはそれをオーバーライドできます。 | 1 | 12 | 1 | 3 | 18 | 1 |
bgColor 非推奨 HTMLTableRowElement.bgColor プロパティは、行の背景色を設定するか、廃止された bgColor 属性の値を取得するために使用されます (存在する場合)。 | 1 | 12 | 1 | 3 | 18 | 1 |
ch 非推奨 HTMLTableRowElement インターフェイスの ch プロパティは何も行いません。 tr要素のchar属性を反映します。 | 1 | 12 | 1 | 3 | 18 | 1 |
chOff 非推奨 HTMLTableRowElement インターフェイスの chOff プロパティは何も行いません。 tr 要素の charoff 属性を反映します。 | 1 | 12 | 1 | 3 | 18 | 1 |
vAlign 非推奨 HTMLTableRowElement インターフェイスの vAlign プロパティは、tr テーブル行内のテキストを垂直方向に配置する方法を示す文字列です。 個々のセルはそれをオーバーライドできます。 | 1 | 12 | 1 | 3 | 18 | 1 |
align 非推奨 HTMLTableSectionElement インターフェイスの align プロパティは、thead、tbody、または tfoot テーブル セクション内のテキストを水平方向に配置する方法を示す文字列です。 個々の行とセルはこれをオーバーライドできます。 | 1 | 12 | 1 | 3 | 18 | 1 |
ch 非推奨 HTMLTableSectionElement インターフェイスの ch プロパティは何も行いません。 これは、section 要素の char 属性を反映します。 | 1 | 12 | 1 | 3 | 18 | 1 |
chOff 非推奨 HTMLTableSectionElement インターフェイスの chOff プロパティは何も行いません。 これは、section 要素の charoff 属性を反映します。 | 1 | 12 | 1 | 3 | 18 | 1 |
vAlign 非推奨 HTMLTableSectionElement インターフェイスの vAlign プロパティは、thead、tbody、または tfoot テーブル セクション内のテキストを垂直方向に配置する方法を示す文字列です。 個々の行とセルはこれをオーバーライドできます。 | 1 | 12 | 1 | 3 | 18 | 1 |
- Chrome 1以降、この属性は設定できますが、効果はありません。
- このバージョンで機能が削除されました (79)
- Edge79以降、このアトリビュートを設定することはできるが、効果はない。
- Safari 3以降、この属性は設定できますが、効果はありません。
- Chrome Android 18以降、この属性は設定できますが、効果はありません。
- iOS 2のサファリ以降、この属性は設定できるが、効果はない。
- Chrome 1以降、この属性は設定できますが、効果はありません。
- このバージョンで機能が削除されました (79)
- Edge79以降、このアトリビュートを設定することはできるが、効果はない。
- Safari 3以降、この属性は設定できますが、効果はありません。
- Chrome Android 18以降、この属性は設定できますが、効果はありません。
- iOS 2のサファリ以降、この属性は設定できるが、効果はない。
- Chrome 1以降、この属性は設定できますが、効果はありません。
- このバージョンで機能が削除されました (79)
- Edge79以降、このアトリビュートを設定することはできるが、効果はない。
- Safari 3以降、この属性は設定できますが、効果はありません。
- Chrome Android 18以降、この属性は設定できますが、効果はありません。
- iOS 2のサファリ以降、この属性は設定できるが、効果はない。
- Chrome 1以降、この属性は設定できますが、効果はありません。
- このバージョンで機能が削除されました (79)
- Edge79以降、このアトリビュートを設定することはできるが、効果はない。
- Safari 3以降、この属性は設定できますが、効果はありません。
- Chrome Android 18以降、この属性は設定できますが、効果はありません。
- iOS 2のサファリ以降、この属性は設定できるが、効果はない。
- Chrome 1以降、この属性は設定できますが、効果はありません。
- このバージョンで機能が削除されました (79)
- Edge79以降、このアトリビュートを設定することはできるが、効果はない。
- Safari 3以降、この属性は設定できますが、効果はありません。
- Chrome Android 18以降、この属性は設定できますが、効果はありません。
- iOS 2のサファリ以降、この属性は設定できるが、効果はない。
- Chrome 1以降、この属性は設定できますが、効果はありません。
- このバージョンで機能が削除されました (79)
- Edge79以降、このアトリビュートを設定することはできるが、効果はない。
- Safari 3以降、この属性は設定できますが、効果はありません。
- Chrome Android 18以降、この属性は設定できますが、効果はありません。
- iOS 2のサファリ以降、この属性は設定できるが、効果はない。
- Chrome 1以降、この属性は設定できますが、効果はありません。
- このバージョンで機能が削除されました (79)
- Edge79以降、このアトリビュートを設定することはできるが、効果はない。
- Safari 3以降、この属性は設定できますが、効果はありません。
- Chrome Android 18以降、この属性は設定できますが、効果はありません。
- iOS 2のサファリ以降、この属性は設定できるが、効果はない。
- Chrome 1以降、この属性は設定できますが、効果はありません。
- このバージョンで機能が削除されました (79)
- Edge79以降、このアトリビュートを設定することはできるが、効果はない。
- Safari 3以降、この属性は設定できますが、効果はありません。
- Chrome Android 18以降、この属性は設定できますが、効果はありません。
- iOS 2のサファリ以降、この属性は設定できるが、効果はない。
- Chrome 1以降、この属性は設定できますが、効果はありません。
- このバージョンで機能が削除されました (79)
- Edge79以降、このアトリビュートを設定することはできるが、効果はない。
- Safari 3以降、この属性は設定できますが、効果はありません。
- Chrome Android 18以降、この属性は設定できますが、効果はありません。
- iOS 2のサファリ以降、この属性は設定できるが、効果はない。
- Chrome 1以降、この属性は設定できますが、効果はありません。
- このバージョンで機能が削除されました (79)
- Edge79以降、このアトリビュートを設定することはできるが、効果はない。
- Safari 3以降、この属性は設定できますが、効果はありません。
- Chrome Android 18以降、この属性は設定できますが、効果はありません。
- iOS 2のサファリ以降、この属性は設定できるが、効果はない。
- Chrome 1以降、この属性は設定できますが、効果はありません。
- このバージョンで機能が削除されました (79)
- Edge79以降、このアトリビュートを設定することはできるが、効果はない。
- Safari 3以降、この属性は設定できますが、効果はありません。
- Chrome Android 18以降、この属性は設定できますが、効果はありません。
- iOS 2のサファリ以降、この属性は設定できるが、効果はない。
- Chrome 1以降、この属性は設定できますが、効果はありません。
- このバージョンで機能が削除されました (79)
- Edge79以降、このアトリビュートを設定することはできるが、効果はない。
- Safari 3以降、この属性は設定できますが、効果はありません。
- Chrome Android 18以降、この属性は設定できますが、効果はありません。
- iOS 2のサファリ以降、この属性は設定できるが、効果はない。
- Chrome 1以降、この属性は設定できますが、効果はありません。
- このバージョンで機能が削除されました (79)
- Edge79以降、このアトリビュートを設定することはできるが、効果はない。
- Safari 3以降、この属性は設定できますが、効果はありません。
- Chrome Android 18以降、この属性は設定できますが、効果はありません。
- iOS 2のサファリ以降、この属性は設定できるが、効果はない。
- Chrome 1以降、この属性は設定できますが、効果はありません。
- このバージョンで機能が削除されました (79)
- Edge79以降、このアトリビュートを設定することはできるが、効果はない。
- Safari 3以降、この属性は設定できますが、効果はありません。
- Chrome Android 18以降、この属性は設定できますが、効果はありません。
- iOS 2のサファリ以降、この属性は設定できるが、効果はない。
- Chrome 1以降、この属性は設定できますが、効果はありません。
- このバージョンで機能が削除されました (79)
- Edge79以降、このアトリビュートを設定することはできるが、効果はない。
- Safari 3以降、この属性は設定できますが、効果はありません。
- Chrome Android 18以降、この属性は設定できますが、効果はありません。
- iOS 2のサファリ以降、この属性は設定できるが、効果はない。
- Chrome 1以降、この属性は設定できますが、効果はありません。
- このバージョンで機能が削除されました (79)
- Edge79以降、このアトリビュートを設定することはできるが、効果はない。
- Safari 3以降、この属性は設定できますが、効果はありません。
- Chrome Android 18以降、この属性は設定できますが、効果はありません。
- iOS 2のサファリ以降、この属性は設定できるが、効果はない。
基本構文
<!-- 非推奨（レガシー） -->
<!-- <table border="1" cellpadding="5"> -->
<!-- 推奨（CSSを使用） -->
<table style="border-collapse: collapse;">
<tr><td style="border: 1px solid #ccc; padding: 0.5rem;">Data</td></tr>
</table>ライブデモ
Why layout tables hurt
Explain the maintenance and accessibility costs of using tables for page structure.
Replacement options
Suggest modern layout tools that better match non-tabular design problems.
実務での使いどころ
-
Table styling の活用
非推奨: この機能は推奨されません。
注意点
- 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。