padding 속성

정의

padding 은 border 를 기준으로 안쪽으로 생기는 간격으로 padding-top, padding-bottom, padding-left, padding-right 네 개 속성의 축약 속성.
여기서는 한 개 부터 네 개 값까지 모두 선택적으로 사용 가능.

속성

속성 설명
padding-top
padding-right
padding-bottom
padding-left
length px, pt, cm 단위로 직접 지정. 0px 값이 기본값(default)
% 요소의 너비값을 % 단위로 계산하여 지정
inherit 지정 요소의 마진 간격을 부모(상위) 요소로부터 상속받음

예시

Example

div에 padding을 지정합니다.
div에 padding을 지정합니다.
span에 padding을 지정합니다.(inline태그는 padding-top, padding-bottom속성이 적용되지만, 높이값을 찾지못합니다.)
span에 padding을 지정합니다.(inline태그는 padding-top, padding-bottom속성이 적용되지만, 높이값을 찾지못합니다.)
inline-block으로 바뀐 span에 padding를 지정합니다.
inline-block으로 바뀐 span에 padding를 지정합니다.