css padding 강좌

2017.03.15 13:40

css padding

CSS 패딩 속성은 내용 주위에 공간을 생성하는데 사용됩니다. 요소의 각면(위쪽, 오른쪽, 아래쪽 및 왼쪽)에 대해 패딩을 설정하기 위한 다양한 CSS 속성들이 있습니다.

각면에 대한 패딩 설정

CSS에는 요소의 각면에 대해 패딩을 지정하는 속성이 있습니다.

  • padding-top
  • padding-right
  • padding-bottom
  • padding-left

모든 패딩 속성은 다음 값을 가질 수 있습니다.

  • length - px, pt, cm 등의 패딩을 지정합니다.
  • % - 포함하는 요소의 너비에 대한 패딩을 %로 지정합니다.
  • inherit - 패딩을 부모 요소로부터 상속해야한다고 지정합니다.

padding - 각각의 패딩속성을 줄여서 쓰기위한 속성

코드를 단축하려면 모든 패딩 속성을 하나의 속성에 지정할 수 있습니다. padding 속성은 다음과 같은 개별 패딩 속성의 줄여쓰기 속성입니다.

  • padding-top
  • padding-right
  • padding-bottom
  • padding-left

padding: 25px 50px 75px 100px; 이라고 쓰면 윗쪽 25픽셀, 오른쪽 50픽셀, 아래 75픽셀, 왼쪽 100픽셀로 패딩을 줘라는 뜻이죠. css의 다른 속성에 대한 글은 링크를 참조하시기 바랍니다.

신고
, ,

댓글이 0개 달렸습니다.

관심분야

분류 전체 (1568)N
티스토리 공부 (65)
잉고래 (473)N
컴퓨터 (162)
문화연예 (173)
먹고 놀기 (76)
정보 (608)

블로그 방문수

  • 전체 : 6,796,357
    오늘 : 290
    어제 : 1,657
Statistics Graph

티스토리 툴바