「労働者が自分の仕事をうまくやりたいなら、まず自分の道具を研ぎ澄まさなければなりません。」 - 孔子、「論語。陸霊公」
表紙 > プログラミング > 非推奨のHTML5テーブル属性をCSSプロパティに置き換えるにはどうすればよいですか?

非推奨のHTML5テーブル属性をCSSプロパティに置き換えるにはどうすればよいですか?

2025-02-08に投稿
ブラウズ:572

How can I replace deprecated HTML5 table attributes with CSS properties?

html5属性とCSSプロパティ:近代化の旅

Web開発の世界では、HTML5はテーブルの作成方法に革命をもたらしました。かつて不可欠だったいくつかの属性を排除します。 Visual Studio、Cellpadding、Cellspacing、Valign、およびAlignで遭遇したように、HTML5テーブル属性は有効ではなくなりました。方法は次のとおりです。例:

Th、td { パディング:5px; }

CSSボーダーコラプスと境界面間のセルスプースをエミュレートする:

Cellspacingは、境界線崩壊と境界間隔に置き換えられます。テーブルセル間のスペースを維持したい場合は、境界線収容を設定して、目的の間隔を境界間隔で分離して指定します。 境界線崩壊:別々; 境界面積:5px; }
th, td {
  padding: 5px;
}

table { 国境崩壊:崩壊; 境界面:0; }

valignをCSS vertical-alignに置き換える:

table {
  border-collapse: separate;
  border-spacing: 5px;
}
th、td { 垂直アライイン:トップ; }

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ページの中央テーブルに、アライメントをマージンに置き換えます:

テーブル{ マージン:0 Auto; }

これらのCSSプロパティを利用することにより、html5でセルパディング、セルスペシング、バリシング、アライメントの機能を再現し、テーブルが視覚的に魅力的で最新のWeb標準に準拠したままでいることを保証できます。
最新のチュートリアル もっと>

免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。

Copyright© 2022 湘ICP备2022001581号-3