테두리를 기준으로 외부의 여백을 margin
내부의 여백을 padding 이라고 한다
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| ||||
|
|
|
padding | ||||||
|
|
|
|
| |||||
|
|
|
|
| |||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
margin
속성에 적용시 3가지 방법이 있다
1. 각 각 위치의 간격이 다를경우
margin:30px 15px 0px 20px; => top right bottom left 순서이다(시계방향)
2. 모든위치의 간격이 같은경우
margin:30px
3. 수직끼리, 수평끼리 같은경우
margin:30px 20px => 수직, 수평 순서로 써준다
'프로그래밍 > Html & CSS' 카테고리의 다른 글
| overflow (0) | 2014.08.13 |
|---|---|
| 네비게이션 메뉴 만들기 (0) | 2014.08.13 |
| 블록레벨 엘리먼트 및 인라인 엘리먼트 (0) | 2014.08.13 |
| RGB색상표 (0) | 2014.08.13 |
| 웹 표준이란? (0) | 2014.08.12 |