可以一次設定元素矩形格子的上 右 下 左內緣寬度。內緣是指元素的邊線內徑與內容的距離。個別的設定值請參考後面的說明。此特徵可設為：
- 依上 右 下 左秩序，設定內緣寬度：只設一個值時，四邊同寬。少於四個值時，取左右相同，與上下相同。
- inherit：繼承父元素的特徵值。
- 風格用法：
<div style='width:350px; height:300px; background:#733'>
<img style='padding:0px;
border:solid red 4px;
outline:solid white 4px'
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmkRzQhhtbzJZB2AZE3Ud_K4poNGAX7hjwO2OoBd8SNHhRMffYRfw9qSeNFexU7Ujwl_U6lb2RYPn3Dc4kJ8d8zE5LnmY2Gz6CMS7I37b1PUw5fYZLQIcEIxMI8Dqv2mYFEjEawXtTJZs/s200/shape.jpg" />
外緣<hr />
</div>
<br />
<div style='width:350px; height:300px; background:#733'>
<img style='padding:10px 10%;
border:solid red 4px;
outline:solid white 4px'
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmkRzQhhtbzJZB2AZE3Ud_K4poNGAX7hjwO2OoBd8SNHhRMffYRfw9qSeNFexU7Ujwl_U6lb2RYPn3Dc4kJ8d8zE5LnmY2Gz6CMS7I37b1PUw5fYZLQIcEIxMI8Dqv2mYFEjEawXtTJZs/s200/shape.jpg" />
外緣<hr />
</div>
<br />
<div style='width:350px; height:300px; background:#733'>
<img style='padding:15px;
margin:15px;
border:solid red 4px;
outline:solid white 4px;
background:#449'
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmkRzQhhtbzJZB2AZE3Ud_K4poNGAX7hjwO2OoBd8SNHhRMffYRfw9qSeNFexU7Ujwl_U6lb2RYPn3Dc4kJ8d8zE5LnmY2Gz6CMS7I37b1PUw5fYZLQIcEIxMI8Dqv2mYFEjEawXtTJZs/s200/shape.jpg" />
外緣<hr />
</div> - 執行結果：
外緣
外緣
外緣
- 上例中，第一張圖設了 padding:0px；第二張圖與第三張圖設為非零值。第三張圖還設了 margin 與背景色，背景色的塗色包括內緣；這與外緣（margin）不同，外緣區是透明。
| padding（你正在看 第一頁） | : | 第一頁 | 第二頁 |
