[css padding 속성 익히기]
css padding속성에 대해서 알아보도록 하겠습니다.
padding은 위아래 좌우 이렇게 4방향으로 이동이 가능합니다.
padding-top, padding-right, padding-bottom, padding-left 이렇게 4방향입니다.
margin은 자기크기의 변화없이 이동이 된다면 padding은 자기자신의 크기가 변화되면서 이동됩니다.
예제 소스를 보면 이해해 보도록하죠.
위 소스를 보시면 p태그에 padding-left값이 100px 보이고 기본적으로 가로세로 100px이 적용된걸 알
수있습니다. margin이였다면 left이니 왼쪽으로 100px 밀린걸 알수있을텐데요.
과연 padding은 어떨지 출력화면을 통하여 알아보도록 하죠.
어떠신가요? 연두색 부분이 저희가 주었던 psdding-left값 100px의 p태그입니다.
왼쪽으로 이동은 되었지만 자기 크기가 많이 변한걸 알수있습니다. padding-left 100px을 줌으로써
자기자..
블로그로돈닷컴에 등록된 글에 대한 모든 책임은 등록한 사용자에게 있습니다.
타인의 저작물, 명예훼손 게시글 및 블로그 테스트 태그가 삽입된 블로그는 블로그로돈닷컴에 등록할 수 없으며 영구퇴출 적용됩니다..
블로그 등록시 권리침해 게시물이 존재하는지 다시 한 번 확인하시기 바라며 미동의 시 이용을 금지해주세요. 손시훈(청소년보호책임자 대표)
Copyright ⓒAll Rights Reserved. 메타블로그 블로그로돈닷컴 TEL 02-517-1114, H.P 010-8433-2527(문자전용) 이메일 : blogrodon@gmail.com