ABOUT ME

Today
Yesterday
Total
  • CSS 요소의 내부, 외부 여백
    Front-End/CSS 2024. 2. 22. 10:56
    728x90
    반응형

    margin

        - 요소의 외부 여백을 지정
        - 값
            크기 값
        - 형태
            [값1]               : 모든 방향에 값1 적용
            [값1 값2]           : 위, 아래 방향에 값1. 좌, 우 방향에 값2 적용
            [값1 값2 값3 값4]   : 상, 우, 하, 좌 순서로 적용

    margin-bottom

        - 요소의 아래쪽 외부 여백 지정
        - 값
            크기 값
        - 형태
            [값1]   : 아래 방향에 값1 적용

    margin-left

        - 요소의 좌측 외부 여백 지정
        - 값
            크기 값
        - 형태
            [값1]   : 좌측 방향에 값1 적용

    margin-right

        - 요소의 우측 외부 여백 지정
        - 값
            크기 값
        - 형태
            [값1]   : 우측 방향에 값1 적용

    margin-top

        - 요소의 위쪽 외부 여백 지정
        - 값
            크기 값
        - 형태
            [값1]   : 위 방향에 값1 적용


    padding

        - 요소 내부의 여백을 지정
        - 값
            크기 값
        - 형태
            [값1]               : 모든 방향에 값1 적용
            [값1 값2]           : 위, 아래 방향에 값1. 좌, 우 방향에 값2 적용
            [값1 값2 값3 값4]   : 상, 우, 하, 좌 순서로 적용


    padding-bottom

        - 요소의 아래쪽 내부 여백을 지정
        - 값
            크기 값
        


    padding-left

        - 요소의 왼쪽 내부 여백을 지정
        - 값
            크기 값
        


    padding-right

        - 요소의 아래쪽 내부 여백을 지정
        - 값
            크기 값
        


    padding-top

        - 요소의 아래쪽 내부 여백을 지정
        - 값
            크기 값

    728x90
    반응형

    'Front-End > CSS' 카테고리의 다른 글

    CSS 특수 효과 부여  (0) 2024.02.22
    CSS 테두리 설정  (0) 2024.02.22
    CSS 요소의 위치 지정  (0) 2024.02.22
    CSS 요소의 글꼴 지정  (0) 2024.02.22
    CSS 요소의 크기 지정  (0) 2024.02.22
Designed by Tistory.