[CSS] margin, padding 설정 하기 (한줄로 적기 순서)

margin과 padding에 값을 넣는 방법들을 살펴보자.

1.한번에 입력

margin: 10px; /*상하좌우 전체다 같은값*/

2.하나하나 지정해주기

margin-top: 10px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 10px;

3.한줄로 하나하나 지정해주기 (상,우,하,좌)

한줄로 적을때 순서는 '상'부터 시작해서 시계방향으로 설정해준다.

margin-top: 10px, 5px, 0px, 10px; /*상,우,하,좌*/

4.한줄로 지정해주기 단축 (상하,좌우)

margin-top: 10px, 5px; /*상하,좌우*/

5.한줄로 지정해주기 단축2 (상,좌우,하)

margin-top: 10px, 0px, 5px; /*상,좌우,하*/

padding도 마찬가지로 적용된다.

관련글

날다의 운영환경
본체	DeskTop
O S	Windows11 Pro
Browser	Google Chrome