このスタイルについて
　ボックスのパディングを設定します。パディングとは、ボックスの本文と枠線との間の余白のことで、マージンと区別がつけづらいです。マージンの章でそれを簡単に説明してありますので、そちらをご覧ください。 　paddingの言葉の後に続けてtop, bottom, right, leftの言葉を記述することで、個別にパディングを設定することが出来ます。省略した場合、四方のパディングを一括で指定することになります。

関連


対応ブラウザ
WIN IE 4.0〜 NN 4.0〜　MAC IE 4.0〜 NN 4.0〜

サンプルソース [CSS] p { padding : 5px; } h1 { padding : 5px; padding : 5px; } #emphasis { padding : 5px 10px 5px 10px; }

ユーザ設定
　padding属性では、上右下左の順に個々のパディングを指定することが出来ます。このため、padding-top属性などを用いなくても、パディングを個別に指定することは可能です。通常はソースが簡潔になるため、この手法を用いることが多いです。 　また、border-width属性とmargin属性においても同じように指定することが可能ですので、覚えておくと便利です。