CSS 패딩은 무엇을 의미합니까?-프런트엔드 Q&A-php.cn

CSS 패딩은 무엇을 의미합니까?

藏色散人

풀어 주다： 2023-01-04 09:38:33

원래의

3621명이 탐색했습니다.

css 패딩은 요소 테두리와 요소 콘텐츠 사이의 공간, 즉 요소의 패딩 패딩이 지워지면 위쪽, 아래쪽, 왼쪽 및 오른쪽 패딩을 정의하는 단축 속성입니다. 요소의 배경색 Padding; padding 속성만 사용하면 위쪽, 아래쪽, 왼쪽 및 오른쪽 패딩을 변경할 수 있습니다.

CSS 패딩은 무엇을 의미합니까?

이 기사의 운영 환경: Windows 7 시스템, Dell G3 컴퓨터, CSS3 버전.

추천: "css Video Tutorial"

padding 속성은 하나의 명령문에서 모든 패딩 속성을 설정하는 약어 속성이며, 각 측면의 패딩 너비도 설정할 수 있습니다. 음수 값은 허용되지 않습니다.

설명:

이 단축 속성은 요소의 모든 패딩 너비를 설정하거나 각 측면의 패딩 너비를 설정합니다. 대체되지 않은 인라인 요소에 설정된 패딩은 줄 높이 계산에 영향을 주지 않습니다.

따라서 요소에 패딩과 배경이 모두 있는 경우 시각적으로 다른 줄로 확장될 수 있으며 다른 콘텐츠 중복과 병합될 수도 있습니다. 요소의 배경은 패딩을 가로질러 확장됩니다. 음수 여백 값은 허용되지 않습니다.

속성 값:

auto 브라우저가 패딩을 계산합니다.

length는 픽셀, 센티미터 등과 같은 특정 단위로 패딩 값을 지정합니다. 기본값은 0px입니다.

%는 패딩을 상위 요소 너비의 백분율로 지정합니다.

예:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
td.test1 {
padding: 1.5cm
}
td.test2 {
padding: 0.5cm 2.5cm
}
</style>
</head>
<body>
<table border="1">
<tr>
<td class="test1">
这个表格单元的每个边拥有相等的内边距。
</td>
</tr>
</table>
<br />
<table border="1">
<tr>
<td class="test2">
这个表格单元的上和下内边距是 0.5cm，左和右内边距是 2.5cm。
</td></tr></table></body></html>

로그인 후 복사

렌더링:

CSS 패딩은 무엇을 의미합니까?