余白のプロパティ例
余白を適度に設定すると、文章やその他の画像など、位置関係がはっきりして読みやすくなる。
余白には内側と外側があり、さらに上下左右で個別に設定がある。
また、余白の設定はすべて数値で指定する。
余白(内側)
| プロパティ | 主な用途 |
| padding | 内側の余白 |
| padding-top | 内側の余白（上） |
| padding-left | 内側の余白（左） |
| padding-right | 内側の余白（右） |
| padding-bottom | 内側の余白（下） |
余白(外側)
| プロパティ | 主な用途 |
| margin | 外側の余白 |
| margin-top | 外側の余白（上） |
| margin-left | 外側の余白（左） |
| margin-right | 外側の余白（右） |
| margin-bottom | 外側の余白（下） |