html 盒子模型 可配置属性
前面的示例里，margin、border、padding分别设置1个值，表示它们的4个方向都采用相同值，也可以分别为4个方向设置不同值。
盒子模型共14个值，见上图中的红色属性。
共提供17个属性进行设置。其中3个是四个方向同时设置的。
| 属性 | 说明 |
|---|---|
| width | 宽度 |
| height | 高度 |
| padding | 同时设置四个方向的内边距。 |
| padding-top | 上方内边距。 |
| padding-bottom | 下方内边距。 |
| padding-left | 左方内边距。 |
| padding-right | 右方内边距。 |
| border | 同时设置四个方向的边框。 |
| border-top | 上方边框。 |
| border-bottom | 下方边框。 |
| border-left | 左方边框。 |
| border-right | 右方边框。 |
| margin | 同时设置四个方向的外边距。 |
| margin-top | 上方外边距。 |
| margin-bottom | 下方外边距。 |
| margin-left | 左方外边距。 |
| margin-right | 右方外边距。 |