padding 속성

    padding 속성은 border 속성을 기준으로 border 속성과 content 속성의 간격을 뜻합니다. margin 속성과 마찬가지로 좌표를 설정할 때 사용합니다. padding 속성의 종류에는 padding-top, padding-right, padding-bottom, padding-left가 있습니다.

    #box_model {
        width: 300px;
        height: 300px;
        background-color: yellow;
     
        border: solid 20px red;
    
        margin-left: 50px;
        padding-left: 50px;
    }

     

    padding 속성 역시 12시를 기준으로 시계 방향으로 한 줄로 나타낼 수 있습니다.

    /* 12시를 기준으로 시계 방향으로 top, right, bottom, left 속성을 의미 */
    padding: 40px 30px 20px 10px;
    신간 소식 구독하기
    뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.