본문 바로가기

카테고리 없음

padding (겨울에 입는 패딩아닙니다 ㅎ)

padding기능에 대해 알아보겠습니다.

margin기능에 대해 알아봤는데요 짝궁 격인 padding기능에 알아보겠습니다.

padding은 텍스트를 기준으로 상하좌우 기준으로 여백을 늘려주는 것입니다.

margin은 박스를 기준으로 바깥과 상하좌우 여백을 늘리는 것입니다.

 

이렇게만 말하면 사실 어떤 느낌이신지 감이 잘 안 오시죠.....

마진과 패딩 차이가 보이시나요 ?

 

이 처럼 padding은 텍스트를 기준으로 잡기 때문에 색깔이 커진 반면,

margin은 박스 바깥으로 기준을 잡기떄문에 배경과 옆에 있는 "저는 패딩입니다" 상자 위 부분 까지

정해준 만큼 차이를 두었습니다. !!

 

오늘도 하나씩 늘려가는 지식들 오늘도 고생하셨습니다 !! 굿밤 ~!