마진(margin)과 패딩(padding) 속성

● margin 속성

 - 요소 주변 여백 설정

 - margin-top: <크기> | <백분율> | auto

 - margin-right: <크기> | <백분율> | auto

 - margin-bottom: <크기> | <백분율> | auto

 - margin-left: <크기> | <백분율> | auto

 - margin: <상> <우> <하> <좌>

 - margin: <상하> <좌우>

    - 크기 : 너비 or 높이 값을 ps 나 cm 같은 수치로 지정

    - 백분율 : 너비 or 높이 값을 %로 지정

    - auto : display 속성에서 지정한 값에 맞게 자동으로 지정

 

● padding 속성

 - 콘텐츠 영역과 테두리 사이 여백 설정

 - padding-top: <크기> | <백분율> | auto

 - padding-right: <크기> | <백분율> | auto

 - padding-bottom: <크기> | <백분율> | auto

 - padding-left: <크기> | <백분율> | auto

 - padding: <상> <우> <하> <좌>

 - padding: <상하> <좌우>

    - 크기 : 너비 or 높이 값을 ps 나 cm 같은 수치로 지정

    - 백분율 : 너비 or 높이 값을 %로 지정

    - auto : display 속성에서 지정한 값에 맞게 자동으로 지정

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

opacity 속성  (0) 2022.10.20
transition 속성  (0) 2022.10.20
position 속성  (0) 2022.10.09
display 속성  (0) 2022.09.20
글꼴 관련 속성  (0) 2022.09.16