css padding, margin 위 오른쪽 아래 왼쪽 순서 쉽게 기억하는 법 (html)

먼저 숫자 4개 다 나오는 경우

• padding: 25px 50px 75px 100px;
  • top padding is 25px
  • right padding is 50px
  • bottom padding is 75px
  • left padding is 100px

 

순서 : 12시에서 시작해서 시계방향으로 돈다고 기억하기. 

항상 12시가 출발이다.

 

 

숫자가 2개 나오는 경우 : 12시(위)가 시작이다. 

그러니까 상하 그다음 좌우.

• padding: 25px 50px;
  • top and bottom paddings are 25px
  • right and left paddings are 50px

 

숫자 3개

• padding: 25px 50px 75px;
  • top padding is 25px
  • right and left paddings are 50px
  • bottom padding is 75px

이번에도 원칙은 같다.

12시에서 출발해서 시계방향  상, 좌우, 하

 

그러므로 왼쪽만 여백 주려면

  padding: 0 0 0 100px

이렇게 하거나 아니면

  padding-left: 0px