| CSS | IE/Edge | Firefox | Chrome | Opera | Safari |
|---|---|---|---|---|---|
| CSS1 | 4.0 | 1.0 | 1.0 | 3.5 | 1.0 |
パディングを指定します。
| 値 | 説明 |
|---|---|
| <length> | パディングを 10px 1.5em などの長さの単位で指定します。 |
| <percentage> | パディングを 10% など、要素の大きさに対するパーセントで指定します。 |
パディングは、下記の例で、赤いボーダーラインと内側のコンテンツとの間の隙間に相当します。赤いボーダーラインと周りのコンテンツとの間の隙間(マージン)を指定するには marginを指定します。
パディングは 1～4個指定可能で、それぞれ、次のように解釈されます。
padding: 10px; /* 上側:10px、右側:10px、下側:10px、左側:10px */ padding: 10px 20px; /* 上側:10px、右側:20px、下側:10px、左側:20px */ padding: 10px 20px 30px; /* 上側:10px、右側:20px、下側:30px、左側:20px */ padding: 10px 20px 30px 40px; /* 上側:10px、右側:20px、下側:30px、左側:40px */
<h5>padding:3px</h5> <div style="border:1px solid #666666; padding:3px; width:100px"> ああああああああああああああああああああああああああああああああ </div> <h5>padding:20px</h5> <div style="border:1px solid #666666; padding:20px; width:100px"> ああああああああああああああああああああああああああああああああ </div>