-
CSS 요소의 내부, 외부 여백Front-End/CSS 2024. 2. 22. 10:56728x90반응형
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