728x90
출처:https://ofcourse.kr/css-course/margin-padding-%EC%86%8D%EC%84%B1
CSS margin,padding 속성 - ofcourse
개요 margin과 padding 속성은 각각 바깥쪽 여백, 안쪽 여백을 의미합니다. width, height 속성과 마찬가지로 숫자 뒤에 단위를 표시하여 적습니다. margin과 padding는 border 을 경계로 나뉩니다. 방향 방향
ofcourse.kr
방향
방향마다 여백을 다르게 설정할 수 있습니다.
- margin: 20px 같은 표현은 상하좌우 모두 20px을 의미합니다
- margin: 30px 10px은 상하 30px, 좌우 10px을 의미합니다.
- margin: 30px 10px 20px 50px은 위 30px, 오른쪽 10px, 아래 20px, 왼쪽 50px을 의미합니다.
- margin: 30px 10px 40px은 위 30px, 좌우 10px, 아래 40px을 의미합니다.
즉 방향의 위부터 시계방향으로 회전하여 위 오른쪽 아래 왼쪽 순서로 설정합니다.
728x90
'프론트 > Html Css' 카테고리의 다른 글
| [CSS] 미디어쿼리 (max-width) / 중앙정렬 안될때 (position:fixed) (0) | 2022.06.27 |
|---|---|
| box-sizing: border-box; (0) | 2021.10.26 |
| box-shadow (0) | 2021.10.26 |
| 구조 가상 클래스 only-child /nth-of-type(n) (0) | 2021.08.23 |
| :target :checked/ input type="checkbox"/필수입력창 (0) | 2021.08.22 |