1. ホーム
  2. ハイパーリンク

[解決済み】HTML5のテーブルで、cellpadding、cellspacing、valign、alignの代わりになるものは何ですか?

2022-03-26 15:11:17

質問

ビジュアルスタジオ このような警告が表示されます。

  • バリデーション(HTML 5)。属性 'cellpadding' は要素 'table' の有効な属性ではありません。
  • バリデーション (HTML 5)。属性 'cellspacing' は要素 'table' の有効な属性ではありません。
  • バリデーション (HTML 5)。属性 'valign' は要素 'td' の有効な属性ではありません。
  • バリデーション(HTML 5)。属性 'align' は要素 'td' の有効な属性ではありません。

で有効な属性でない場合、その属性は HTML5 CSSでは何がそれに相当するのでしょうか?

どのように解決するのですか?

/* cellpadding */
th, td { padding: 5px; }

/* cellspacing */
table { border-collapse: separate; border-spacing: 5px; } /* cellspacing="5" */
table { border-collapse: collapse; border-spacing: 0; }   /* cellspacing="0" */

/* valign */
th, td { vertical-align: top; }

/* align (center) */
table { margin: 0 auto; }