[CSS] padding/ margin 표기법

Padding 표기법

 

padding: 16px 8px 24px 10px; // 시계방향 순서대로 상 우 하 좌
padding : 16px 8px; // 상하 16px 좌우 8px
padding : 16px 8px 20px; // 상 16px 좌우 8px 하 20px;

padding-top: 16px;
padding-right: 8px;
padding-bottom: 24px;
padding-left: 10px;

 

Margin 표기법

 

padding 과 비슷하나 auto 를 쓸 수 있는데 반드시 width 값이 지정되어 있어야 함.

각각 속성을 작성해줄수도 있음.

width: 520px; /* 반드시 너비가 정해져 있어야 자동으로 채울 수 있음 */
margin: 16px auto;

margin-top: 16px;
margin-right: 8px;
margin-bottom: 24px;
margin-left: 10px;