css padding 강좌

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