テーブル属性を HTML5 の CSS に移行するにはどうすればよいですか?

HTML5 テーブル属性の遷移

Visual Studio の HTML5 検証機能は、cellpadding、cellspacing、valign、および align 属性がテーブル要素に対して無効であることを識別します。これに対処するために、HTML5 では表の外観と間隔を制御するための CSS 代替手段が導入されています。

Cell Padding:

cellpadding を表のセルに適用される CSS パディング プロパティに置き換えます ( )。例:

<code class="css">th, td {
  padding: 5px;
}</code>

セル間隔:

セル間隔を、テーブルに適用される CSS border-collapse プロパティと border-spacing プロパティに置き換えます。 border-collapse: Separate と border-spacing: 5px を指定すると、表のセル間に 5 ピクセルの間隔が作成されます。 border-collapse: Collapse と border-spacing: 0 はセル間のすべての間隔を削除します。

Vertical Alignment:

valign を表のセルに適用される CSS のvertical-align に置き換えます。 。 vertical-align:top はセルの内容をセルの上部に揃えます。

水平配置 (Center):

align は有効な HTML5 属性ではありませんが、 CSS margin: 0 auto apply to table を使用して水平方向のセンタリングを実現できます。これにより、テーブルが親コンテナ内で水平方向の中央に配置されます。

以上がテーブル属性を HTML5 の CSS に移行するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。