20px;}注意すべき最も重要な部分は次のとおりです。設定すると、デフォルトで表の動作が多少予測しやすくなるため、通常は表に設定することをお勧めします。通常、表の列は、含まれるコンテンツの量に応じてサイズが変更される傾向があり、これは奇妙な結果を生むことがあります。使うと、見出しの幅に合わせて列のサイズを変更してから、必要に応じてそのコンテンツを処理できます。要素のものを選択する)で4つの異なる見出しを選択し、それらにパーセント幅を設定した理由です。列全体の幅はその見出しの幅に従うので、表の列のサイズを変更するのに適した方法です。詳しく説明しています。表は入れられているコンテナをすべて満たし、とてもレスポンシブになります(しかし、狭い画面幅で見栄えを良くするにはまだ作業が必要です)。値は、あらゆる表の装飾の取り組みにおける標準的なベストプラクティスです。デフォルトでは、下の画像に示すように、表要素に境界線を設定すると、境界線の間に間隔が空くことになります。これはあまり見栄えがよくありません(それはあなたが望む外観かもしれませんが、誰が知っていますか?)。設定すると、境界線は1つに折りたたまれ、次のようにずっと良く見えます。表の外側全体に境界線がなく、ギャップで終わる場合、それは本当に奇妙でまとまりのないものに見えます。これにより、データ項目に余裕を持たせることができ、表がもっと見やすくなります。この時点で、表はすでにずっと良く見えています。簡単なタイポグラフィそれでは、活字を少し整理しましょう。与えるものと置き換えるだけです。