CSS
심

통사론

• 패딩 : 길이 | 초기 | 상속 | 설정 해제;
• padding-top : 길이 | 초기 | 상속 | 설정 해제;
• 패딩 오른쪽 : 길이 | 초기 | 상속 | 설정 해제;
• padding-bottom : 길이 | 초기 | 상속 | 설정 해제;
• padding-left : 길이 | 초기 | 상속 | 설정 해제;

비고

주어진면에 패딩하기

padding 속성은 요소의 모든면에 패딩 공간을 설정합니다. 패딩 영역은 요소의 내용과 경계 사이의 공간입니다. 음수 값은 허용되지 않습니다.

사이드를 개별적으로 지정할 수 있습니다.

• padding-top
• padding-right
• padding-bottom
• padding-left

다음 코드는 div 위쪽에 5px 의 패딩을 추가합니다.

<style>
.myClass {
    padding-top: 5px;
}
</style>

<div class="myClass"></div>

패딩 약어

padding 속성은 요소의 모든면에 패딩 공간을 설정합니다. 패딩 영역은 요소의 내용과 경계 사이의 공간입니다. 음수 값은 허용되지 않습니다.

각 패딩을 개별적으로 추가하는 것을 저장하려면 ( padding-top , padding-left 등을 사용하여) 다음과 같이 축약어로 작성할 수 있습니다.

네 가지 값 :

<style>
    .myDiv {
        padding: 25px 50px 75px 100px; /* top right bottom left; */
    }
</style>
<div class="myDiv"></div>

세 가지 값 :

<style>
    .myDiv {
        padding: 25px 50px 75px; /* top left/right bottom */
    }
</style>
<div class="myDiv"></div>

두 값 :

<style>
    .myDiv {
        padding: 25px 50px; /* top/bottom left/right */
    }
</style>
<div class="myDiv"></div>

하나의 가치 :

<style>
    .myDiv {
        padding: 25px; /* top/right/bottom/left */
    }
</style>
<div class="myDiv"></div>