paddingプロパティ。
CSSに於ける要素の本体周囲の空間(パディング)の幅・paddingプロパティに関する解説です。
paddingプロパティとは。
paddingプロパティは、要素の本体周囲の空間(パディング)の幅です。
- パディングに関しての詳細はボックスについてをご覧下さい。
paddingプロパティの書式。
paddingプロパティの書式は、以下のようになります。
padding: 値値としては、以下のものが取れます。
inherit- 一番近い上位要素で指定された値を継承します。
- 幅の値一つ
- 上下左右、四方のパディングの幅を全て指定された幅の値にします。この場合、四方とも同じ幅の値が適用されます。
- 幅二つ
-
の順で空白で区切って指定します。
- 幅の値三つ
-
の順で空白で区切って指定します。
- 幅の値四つ
-
の順で空白で区切って指定します。
上から時計廻り
と覚えると良いでしょう。
paddingプロパティで指定出来る幅の値。
paddingプロパティで指定出来る幅の値は以下の通りになります。
値としては負の値は許されません。
尚、paddingプロパティを記述した場合、上下左右四方のパディング全てが定義される事から、paddingプロパティにはデフォルト値は存在しません。
paddingプロパティに関する注意事項。
paddingプロパティの実装上の注意。
ネットスケープ 4.xでの注意事項。
ネットスケープ 4.xでは、インライン要素にpaddingプロパティを当ててはいけません。
インライン要素にpaddingプロパティを当てると、ブロックレヴェル要素として表示されてしまいます。
- 特に<a>要素はアンカーとして機能しなくなります。
インターネットエクスプローラでの注意事項。
インターネットエクスプローラのウィンドウズ版 5.0x以前及びマッキントッシュ版 4.xでは、インライン要素でのpaddingプロパティは機能しません。
WAP 2.0での注意事項。
WAP 2.0では、paddingプロパティは必須ではありません。
- オープンウェーヴ社のWAP 2.0 ウェブブラウザではpaddingプロパティは実装されておりますが、不安な場合は
の各プロパティを個別に指定すれば良いでしょう。
- これら上下左右個別のプロパティ値はWAP 2.0では必須とされております。
また、オープンウェーヴ社のWAP 2.0 ウェブブラウザではインライン要素に対するpaddingプロパティ, padding-leftプロパティ及びpadding-rightプロパティは無効となります。