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의 다른 속성에 대한 글은 링크를 참조하시기 바랍니다.

신고

Comments

관심분야

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

블로그 방문수

전체 : 6,988,187
오늘 : 1,287
어제 : 2,378

방문수 그래프

Statistics Graph

티스토리 툴바