【tableタグの属性をcssで対応】cellpaddingをcssで書く

cellpaddingをcssで書く

古いソースを改修しているとtableタグによく色々な属性がついています。

<table border='0' cellpadding='0' cellspacing='1' bgcolor='#CFCFCF'>

上記のように色々な属性がついていることがあります。

table th,
table td {
    padding: 0;  
}

上記cssを追加することで

<table border='0' cellspacing='1' bgcolor='#CFCFCF'>

「cellpadding」属性を削除することができます。

htmlとcssでしっかりと役割を分けることでメンテナンスしやすくなります。htmlソースにスタイルが書かれている場合は、可能な場合はcssに移しましょう。

その他関連リンク

cellspacingもcssで書きたい方はこちら