marginやpaddingなどはショートハンドプロパティと呼ばれます。
ショートハンドプロパティとは複数のプロパティを省略して指定することができます。
例えば
margin:10px;
と記述すれば
margin-top:10p;
margin-right:10px;
margin-bottom:10px;
margin-left:10px;
と同じ指定になります。
margin: 10px 20px 30px 40px;
と記述すれば
margin-top:10p;
margin-right:20px;
margin-bottom:30px;
margin-left:40px;
左右が同じ場合は
margin:10px 20px 15px;
と指定すれば上10px下15pxで左右が20pxの余白を設定することができます。
コメント