Css 속성

padding

1. padding 속성 사용 법은 margin 과 같음
2. 지정값은 px, cm, %로도 지정 가능

• margin은 음수 값이 지정 가능하지만 padding은 음수값 지정 안됨.

padding-top (상단 여백) padding-right (오른쪽 여백) padding-bottom (아래 여백) padding-left (왼쪽 여백)

사용 예시

p {
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}

4면 한꺼번에 padding 지정하기

p {
padding: 5px 7px 3px 0px;    (위, 오른쪽, 아래, 왼쪽 순임)
}

4면이 모두 같을 때 padding 지정하기

p {
padding: 5px;
}

위, 오른쪽 왼쪽, 아래 padding 지정하기

p {
padding: 5px 10px 0px:
}

위 아래, 오른쪽 왼쪽 padding 지정하기

p {
padding: 5px 10px;
}

inline style로 넣어줄 때

<p style="padding: 5px 10px;">동해물과 백두산이 마르고 닳토록 </p>