윈컴이의 컴퓨터 이야기

CSS 기초 강좌 - 9강. 안쪽 여백[padding]을 정해보자. 본문

프로그래밍/웹 개발

CSS 기초 강좌 - 9강. 안쪽 여백[padding]을 정해보자.

윈컴이 2012.01.08 16:35

padding-top

padding-right

padding-bottom

padding-left

안쪽 여백을 정할 수 있습니다. margin처럼 세부적으로 한 개씩 정할 수 있습니다.
예제) 
padding-top:10px;
padding-right:2em;
padding-bottom:100%
padding-left:0 

padding

간단하죠. padding-top, padding-right 등을 모두 정할 수 있습니다.

padding에 적는 갯수에 따라...
padding:10px => 모든 안쪽 여백을 10px으로
padding:10px 5px => 상하 10px, 좌우 5px으로
padding:10px 5px 2px  => 상 10px, 좌우 5px, 하 2px
padding:1px 2px 3px 4px => 상  1px, 우 2px, 하 3px, 좌 4px => 즉, 시계 방향으로 돌아갑니다.


신고