Table styling

概要

cellpadding、cellspacing、border、align、bgcolor などのレガシーテーブル属性は非推奨です。CSSでスタイリングすべきです。

対応ブラウザ

基本構文

<!-- 非推奨（レガシー） -->
<!-- <table border="1" cellpadding="5"> -->

<!-- 推奨（CSSを使用） -->
<table style="border-collapse: collapse;">
  <tr><td style="border: 1px solid #ccc; padding: 0.5rem;">データ</td></tr>
</table>

実務での使いどころ

• Table styling の活用

  非推奨のテーブル属性。レイアウト目的のテーブル使用やレガシー属性に関する注意。

注意点

アクセシビリティ

• スクリーンリーダーでの読み上げを確認すること。

参考リンク

• MDN Web Docs — Table styling