padding, margin 축약형

TOP, RIGHT, BOTTOM, LEFT의 값이 모두 다르다면
padding:1px 2px 3px 4px;
이런 식으로 가능하다.
padding:TOP RIGHT BOTTOM LEFT;


TOP, BOTTOM의 값이 같고 RIGHT, LEFT의 값이 같다면
padding:10px 20px;
이런 식으로 가능하다.
padding:TOP/BOTTOM RIGHT/LEFT

RIGHT, LEFT의 값이 같다면
padding:10px 20px 5px;
이런 식으로 가능하다.
padding:TOP RIGHT/LEFT BOTTOM;
* '/'는 단어 구분을 위해 넣은 것이니 혼동하면 안 됨


참고로 px이 0인 경우엔 px 단위를 안 써도 되지만 1 이상일 경우은 반드시 px를 붙여 주자.

이 글을 공유하기

댓글(0)

Designed by JB FACTORY