저 padding하구 margin에 대해 질문이있는데 답변좀요 ㅜ

진솔 2026.03.28

좋은 정보 감사합니다 ㅜ

볼수록중독 2026.03.28

margin이나 padding... 비슷하면서도 틀린... 좀더 써봐야할까요... 매번 헷갈리고.. 저 두 속성
브라우저에게 비위 마추기 힘드네요 ㅋㅋ

이름없음 2026.03.28

네... 위에서 시작해서 시계방향으로 돌아가는거 맞습니다.. ^^:
padding:4px 0; 이건 padding:4px 0 4px 0; 이걸 두쌍이 반복되서 한쌍으로 생략해서 쓴것이고요
padding:4px 0 10px; 이렇게 세개만 나온애들도 있습니다. 이런 애는 padding:4px 0 10px 0; 의 위아래가 동일한 값이라 마지막 값이 생략되어 표기한.... 거라고 책에서 봤습니다. ^^

헛장사 2026.03.28

직접 줘보시면 이해가 빨라져요~

놀리기 2026.03.28

margin 이나 padding 이나 모두 순서대로 상 우 하 좌

margin: 1px 2px 3px 4px; 라고 하면 margin을 위에 1px 오른쪽에 2px 아래에 3px 왼쪽에 4px
padding: 4px 0 이런경우라면 위 아래 4px 좌우 0 인거 같네요

헛소동 2026.03.28

마진과 패딩은 확연하게 달라요 안으로 밀땐 패딩 밖으로 밀땐 마진 ㅋㅋ
이미지 하난 놓구 테이블 하나 놓구 줘보면 금방 아라용 .-.-;;;ㅋㅋㅋㅋ

아미지는 패딩을 먹지 않습니다 ㅋ

이루리라 2026.03.28

padding: 10px(상하) 5px(좌우):
padding: 10px(상) 5px(좌우) 7px(하);
padding: 10px(상) 5px(우) 7px(하) 8px(좌);