html - css と html でのパディングの役割は何ですか

Question

スタイルパディングスクリプトを使用することがあります

このような

<style>
#img1{padding:7px 10px}
</style>
<body>
<img src="myjpg.jpg" id="img1"/>
</body>

パディングの役割を正確に理解できません。

おそらくパディングの機能は、オブジェクトのアウトレイヤーマージンですか??

score 3 · Accepted Answer

画像（Joshが共有）でわかるように：

パディング

親 p を持つ要素 c があるとします。

p と c のみを考慮すると、1 番目と 3 番目のケースが似ていることに気付くかもしれません。

score 0 · Accepted Answer

パディングは、要素の外側の境界から子を含む内側の部分までの距離です。

+------------+
|  (Padding) |
|  +------+  |<--- Outer Border
|  |(con- |  |
|  | tent)|  |

ただし、Firefox や Chrome などのブラウザでは、デフォルトで要素の幅にパディングが追加されることに注意してください。

2 に答える 2