티스토리 뷰

잉고래의 티스토리

css padding 강좌

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

'잉고래의 티스토리' 카테고리의 다른 글

margin css order  (0) 2017.03.29
CSS Height와 Width  (0) 2017.03.28
css margin의 이해  (0) 2017.03.12
css border 속성의 이해  (0) 2017.03.10
티스토리 글 1000개 수정 도전기  (7) 2017.03.03