CSS의 공백을 나타내는 것은 무엇입니까?

CSS에서 padding 속성은 요소 테두리와 요소 내용 사이의 공간, 즉 요소의 안쪽 여백이 위쪽, 아래쪽, 왼쪽 및 오른쪽 내부 여백을 정의하는 데 사용됩니다. 여백이 지워지면 해제된 영역이 요소의 배경색으로 채워집니다. padding 속성만 사용하면 위쪽, 아래쪽, 왼쪽 및 오른쪽 패딩을 변경할 수 있습니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3 버전, DELL G3 컴퓨터

CSS의 공백을 나타내는 것은 무엇입니까?

<code><strong>padding</strong>padding

CSS 간격 속성(패딩)은 요소 콘텐츠에서 요소 테두리까지의 거리를 설정하는 데 사용됩니다.

CSS 패딩은 요소 테두리와 요소 콘텐츠 사이의 공간, 즉 위쪽, 아래쪽, 왼쪽 및 오른쪽 패딩을 정의하는 약식 속성입니다.

padding

요소의 패딩이 지워지면 해제된 영역이 요소의 배경색으로 채워집니다.

padding 속성만 사용하여 위쪽, 아래쪽, 왼쪽 및 오른쪽 패딩을 변경할 수 있습니다.

가능한 값 ​​

length 고정 패딩 정의(픽셀, pt, em 등)

% 백분율 값을 사용하여 패딩 정의

Padding - 단면 패딩 속성

CSS에서, 측면마다 다른 패딩을 지정할 수 있습니다.

예

padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;

상단 패딩은 25px

오른쪽 패딩은 50px

하단 패딩은 25px

왼쪽 패딩은 50px

Padding - 단축 속성

코드를 줄이려면, 하나의 속성에 채워진 모든 속성을 지정할 수 있습니다.

소위 속기 속성입니다. 모든 패딩 속성의 단축 속성은 padding:

Instance

padding:25px 50px;

Padding 속성으로, 1~4개의 값을 가질 수 있습니다.

padding:25px 50px 75px 100px;

상단 패딩은 25px

오른쪽 패딩은 50px

하단 패딩은 75px

왼쪽 패딩은 100px

 padding:25px 50px 75px;

상단 패딩은 25px

왼쪽 및 오른쪽 패딩은 50px

하단 패딩은 75 px

  padding:25px 50px;

The 상단 및 하단 패딩은 25px

왼쪽 및 오른쪽 패딩은 50px

  padding:25px;

모든 패딩은 25px

권장 학습: "css 비디오 튜토리얼

"🎜

위 내용은 CSS의 공백을 나타내는 것은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!