- 関連プロパティ
padding
N7.0 Win |
N6.0 Win |
e6.0 Win |
e5.5 Win |
e5.0 Win |
e5.0 Mac |
e4.5 Mac |
O7.0 Win |
O6.0 Win |
---|---|---|---|---|---|---|---|---|
○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
値 | [ <長さ> | <パーセンテージ> ]{1,4} | inherit |
---|---|
初期値 | 簡略化プロパティなので定義しない |
適用 | セル要素を除く表関連要素以外の要素 |
継承 | しない |
レベル | - |
値の範囲 | "0"以上 |
パーセンテージ | コンテナブロックの幅を参照 |
メディア | visual |
このプロパティを使うと、'padding-top'、'padding-right'、'padding-bottom'、'padding-left'という4つのプロパティを一ヶ所で指定出来ます。
書き方は、以下の通りです。0時から時計回り、足りない値は対辺から、と覚えると良いです。基本的にこの手の簡略化プロパティは、すべてそうです。
div { padding: 2em } /* 四辺とも 2em */
div { padding: 1em 2em } /* 上と下が 1em、右と左が 2em */
div { padding: 1em 2em 3em } /* 上1em、右と左2em、下3em */
div { padding: 1em 2em 3em 4em }/* 上1em、右2em、下3em、左4em */
パディング領域の背景は、背景関連のプロパティで指定します。
InternetExplorerでは th, td のパディングの初期値は1pxになっています。
- 注意点
-
- 'padding-top'も'padding-bottom'も、パーセンテージで参照するのはコンテナブロックの高さでは無く幅です。