margin:***;

margin: ***;は要素の外枠から、上下左右のマージンを設定するプロパティです。

img要素に設定すると、画像から外側に対して余白を空けてることができます。

▼CSS

img.sample {
 margin: 5px 10px 15px 20px;
}

▼HTML

<img class="sample" src="../images/h3-66_01.png">

▼表示

※分かりやすくするために、背景色と枠線を表示しています。

値の書き方には何種類かあります。

上下左右個別に設定 上、右、下、左の順に値を設定 margin:5px 10px 15px 20px;
上下と左右それぞれに設定 上下、左右の順に値を設定 margin:10px 15px;
全て同じマージンを設定 上下左右の値を設定 margin:15px;