CSS基礎#003 マージン・パディングのショートハンド

ショートハンド

padding・marginのプロパティ値を省略できる。

padding：パディング４辺の大きさを一括で指定

上下左右3px

p {
　padding: 3px;
}

上下3px左右6px

p {
　padding: 3px 6px;
}

上3px左右6px下1px

p {
　padding: 3px 6px 1px;
}

margin：マージン４辺の大きさを一括で指定

上下左右8px

p {
　margin: 8px;
}

上下8px左右1px

p {
　margin: 8px 1px;
}

上8px左右1px下3px

p {
　margin: 8px 1px 3px;
}