ホームページ > 記事 > ウェブフロントエンド > テーブル属性を 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 サイトの他の関連記事を参照してください。