얕고넓은지식/Computer knowledge

margin, padding 순서

쪽마 2016. 9. 11. 23:26

margin, pdding 순서...



4개 다 쓸 경우 시계 방향으로 

[위] [오른쪽] [아래] [왼쪽]


3개 쓸 경우 

[위] [오른쪽,왼쪽] [아래]


2개 쓸 경우 

[위,아래] [오른쪽,왼쪽]


1개 쓸 경우 

[위,오른쪽,아래,왼쪽]












pdding : 25px 50px 75px 100px;


- top margin is 25px

- right margin is 50px

- bottom margin is 75px

- left margin is 100px



pdding : 25px 50px 75px;


- top margin is 25px

- right and left margins are 50px

- bottom margin is 75px


pdding : 25px 50px;


- top and bottom margins are 25px

- right and left margins are 50px


pdding : 25px;


- all four margins are 25px







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






반응형