border

• border-style:ボーダーの形;
• border-width:ボーダーの幅;
• border-color:ボーダーの色;

margin（透明）

• margin-top:数値;
• margin-right:数値;
• margin-bottom:数値;
• margin-left:数値;

padding（背景OK）

• padding-top:数値;
• padding-right:数値;
• padding-botton:数値;
• padding-left:数値;

ショートハンド

top,right,bottom,left の値が全て同じ場合

• padding{値1つ}

（padding,margin） top,bottom,right,left 全て違う場合

• padding{上　右　下　左}

（padding,margin） top,bottom（上下） right,left（左右） が同じ場合

• padding{上下　左右}

Margin Collapse（マージンの相殺）

垂直方向のboxの,上のboxのbottonと、下のboxのtopにmarginを指定した場合、足し算にはならず、大きいほうの値が適用される。

左は下のboxのtopの値・16pxになり、右の場合はどちらも15pxなので、15pxになる。