본문 바로가기
프로그램/웹 태그

margin, padding 속성 순서

by wanee 2016. 1. 29.

1. 4개 값  set 경우 [(상), (우), (하), (좌)]

margin :  25px 30px 27px 22px; 

위와 같이 지정 하면 아래와 같이  set 한 것과 동일하다.

-> margin-top : 25px;  margin-right :30px;  margin-bottom : 27px;  margin-left : 22px;



2. 3개 값  set 경우 [(상), (우,좌) .(하)]

margin : 25px 50px 30px;

위와 같이 지정 하면 아래와 같이 set 한 것과 동일

-> margin-top : 25px;  margin-right :50px; margin-left :50px;  margin-bottom : 30px;

 


3. 2개 값 set 경우 [(상,하), (우,좌)]

margin : 30px 28px;

위와 같이 지정 하면 아래와 같이 set 한 것과 동일

-> margin-top : 30px;  margin-bottom : 30px; margin-right :28px; margin-left :28px; 



4. 1개 값 set 경우 [(상,우,하,좌)]

margin : 17px;

위와 같이 지정 하면 아래와 같이 set 한 것과 동일

-> margin-top : 17px;  margin-right :17px;  margin-bottom : 17px;  margin-left : 17px;

댓글