[CSS] margin, pdding 순서

> margin, padding 순서

margin 순서...

쓸때마다 이게 왜 이렇게 헤깔리는지 ㅠㅠ

4개 다 쓸 경우 시계 방향으로 [위 오른쪽 아래 왼쪽]

3개 쓸 경우 [위 오른쪽,왼쪽 아래]

2개 쓸 경우 [위,아래 오른쪽,왼쪽]

1개 쓸 경우 [위,오른쪽,아래,왼쪽]

pdding 도 똑같습니다.

 

Css

margin: 25px 50px 75px 100px; - top margin is 25px - right margin is 50px - bottom margin is 75px - left margin is 100px margin: 25px 50px 75px; - top margin is 25px - right and left margins are 50px - bottom margin is 75px margin: 25px 50px; - top and bottom margins are 25px - right and left margins are 50px margin: 25px; - all four margins are 25px

$ 출처: http://www.w3schools.com/css/css_margin.asp