행위

Css 속성

DB CAFE

thumb_up 추천메뉴 바로가기


1 padding[편집]

  1. padding 속성 사용 법은 margin 과 같음
  2. 지정값은 px, cm, %로도 지정 가능
  • margin은 음수 값이 지정 가능하지만 padding은 음수값 지정 안됨.


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

1.1 사용 예시[편집]

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


1.2 4면 한꺼번에 padding 지정하기[편집]

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

1.3 4면이 모두 같을 때 padding 지정하기[편집]

p {
padding: 5px;
}

1.4 위, 오른쪽 왼쪽, 아래 padding 지정하기[편집]

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

1.5 위 아래, 오른쪽 왼쪽 padding 지정하기[편집]

p {
padding: 5px 10px;
}


1.6 inline style로 넣어줄 때[편집]

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