CSS Padding(채우기)

CSS padding(채우기)는 요소의 테두리와 내용 사이의 공간을 정의하는 간단한 속성입니다. 즉, 상하쪽과 왼쪽 오른쪽의 내측 여백입니다.

CSS填充 속성

CSS填充 속성은 요소의 테두리와 내용 사이의 채우기 영역을 설정할 수 있는 것입니다. 채우기는background-color상자에 미치는 영향

각 면에填充을 정의

CSS의 독립적인 padding 속성을 사용하여 각 요소의 다른 측(예: 상단, 오른쪽, 하단 또는 왼쪽)에 다른填充을 쉽게 지정할 수 있습니다.

h1　{
　　　　padding-bottom:　10px;
}
p　{
　　　　padding-top:　20px;
　　　　padding-left:　50px;
}

填充 간단 표기 습약 속성

padding 속성은 각 측에 별도로填充을 설정하지 않기 위해 사용되는 습약 속성입니다.padding-top，padding-right，padding-bottom，padding-left。

h1　{
　　　　padding:　10px　20px;
}
p　{
　　　　padding:　10px　15px　20px　25px;
}

padding 속성은 하나, 두 개, 세 개 또는 네 개의 공백으로 구분된 값을 취할 수 있습니다.

• 설정되면한 가치그렇다면, 그것이 모든 네 측에 적용됩니다.

• 지정되었으면두 가치그렇다면, 첫 번째 값이 상단과 하단에 적용되고, 두 번째 값이 오른쪽과 왼쪽에 적용됩니다.

• 지정되었으면세 가치그렇다면, 첫 번째 값이 상단에 적용되고, 두 번째 값이 왼쪽과 오른쪽에 적용되며, 마지막 값이 하단에 적용됩니다.

• 지정되었으면네 가치그렇다면, 그들을 각각 지정된 순서로 상단, 오른쪽, 하단, 왼쪽에 적용합니다.