CSS - padding-*
概要
| 属性名 | padding-top padding-right padding-bottom padding-left |
|---|---|
| 値 | <length> | <percentage> |
| 初期値 | auto |
| 適用可能要素 | すべての要素 |
| 継承 | 継承しない |
| メディア | visual |
サポート (説明)
| CSS | IE/Edge | Firefox | Chrome | Opera | Safari |
|---|---|---|---|---|---|
| CSS1 | 4.0 | 1.0 | 1.0 | 3.5 | 1.0 |
説明
上下左右のパディングを個別に指定します。padding属性も参照してください。
| 値 | 説明 |
|---|---|
| <length> | パディングを 10px 1.5em などの長さの単位で指定します。 |
| <percentage> | パディングを 10% など、要素の大きさに対するパーセントで指定します。 |
使用例
CSS
.sample {
padding-top: 10px;
padding-right: 20px;
padding-bottom: 30px;
padding-left: 40px;
}
関連項目
padding, padding-top, padding-right, padding-bottom, padding-leftリンク
- http://www.w3.org/TR/CSS1/#padding
- http://www.w3.org/TR/CSS2/box.html#padding-properties
- http://www.w3.org/TR/css3-box/#the-padding
- http://momdo.github.io/css2/box.html
- http://www.d-toybox.com/spec/CSS3/box/index.html#the-padding
- https://developer.mozilla.org/ja/docs/Web/CSS/padding
- http://caniuse.com/#search=css%202.1%20properties
Copyright (C) 1997-2015 杜甫々
初版：1997年7月27日、最終更新：2015年11月22日
https://www.tohoho-web.com/css/prop/padding-x.htm