CSS 패딩 (패딩)

공간 정의 요소 테두리와 CSS 패딩 (패딩) 속성과 내용 요소.

패딩 (패딩)

(충전) 패딩 ​​요소 (패딩)가 해제 될 때, 소자 영역의 "릴리스"배경색 것 채운다.

혼자 등록 정보가 변경하고 충전 주위에 아래로 수를 입력합니다. 모든 변경되면 약어 충전 특성도 변경할 수 있습니다.

가능한 값

패딩 - 일방적 패딩 속성

CSS에서, 다른 충전재의 다른 측을 지정할 수있다 :

작성 - 약식 속성

당신은 하나의 속성에있는 모든 패딩 속성을 지정할 수있는 코드를 단축합니다.

이것은 약식 속성이라고합니다. 모든 채우기 속성에 대한 약식 속성은 "패딩"입니다 :

패딩 속성은 1 ~ 4 개의 값을 가질 수 있습니다.

패딩 : 25 픽셀 50 픽셀 75px 100 픽셀;

• 충전은 25 픽셀입니다
• 50 픽셀을 마우스 오른쪽 패딩
• 가득 75px에서
• 왼쪽 충전 100 픽셀

패딩 : 25 픽셀 50 픽셀 75px;

• 충전은 25 픽셀입니다
• 50 픽셀에 대한 가득
• 가득 75px에서

패딩 : 25 픽셀 50 픽셀;

• 바닥 패딩은 25 픽셀입니다
• 50 픽셀에 대한 가득

패딩 : 25 픽셀;

• 모든 가득 x 25 픽셀

더 많은 예제

하나의 선언에서 모든 패딩 속성
이 예는 약어 속성의 사용은 1 ~ 4 개의 값을 가질 수, 속성을 채우기 모두의 선언에 설정을 보여줍니다.

충전 설정 왼쪽 부분
이 예는 왼쪽 패딩 요소를 설정하는 방법을 보여줍니다.

충전의 오른쪽 부분을 설정
이 예는 오른쪽 패딩 요소를 설정하는 방법을 보여줍니다. .

상부 충전 설정
이 예는 충전 요소를 설정하는 방법을 보여줍니다.

낮은 패킹
이 예는 요소 아래에 패딩을 설정하는 방법을 보여줍니다.

모든 CSS 패딩 속성