개요
CSS의 margin과 padding 속성은 각각 바깥쪽 여백, 안쪽 여백을 의미한다.
width,height 속성과 마찬가지로 숫자 뒤에 단위를 표시하여 적는다.
사용법
1 | #box{ margin:10px; padding:20px } | cs |
예제
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <html> <head> <style> #box1{ width:80px; height: 60px; margin:0px; padding:0px; background-color: cyan} #box2{ width:80px; height: 60px; margin:10px; padding:0px; background-color: cyan } #box3{ width:80px; height: 60px; margin:0px; padding:10px; background-color:cyan } #box4{ width:80px; height: 60px; margin:10px; padding:10px; background-color:cyan } </style> </head> <body> <div id="box1">[0,0]</div> <div id="box2">[10.0]</div> <div id="box3">[0,10]</div> <div id="box4">[10,10]</div> </body> </html> | cs |
출력 결과
[0,0]
[10.0]
[0,10]
[10,10]
'개발' 카테고리의 다른 글
| [유튜브] 유튜브 자동실행, 플레이 버튼 숨기기 (0) | 2015.02.07 |
|---|---|
| [퍼블리싱][css] position 속성 (0) | 2015.02.01 |
| [퍼블리싱][css] display 속성 (0) | 2015.02.01 |
| [html] ie9에서 화면이 깨진 경우 / 쿼크모드(Quirks Mode) (0) | 2015.01.29 |
| [jquery] 선택자 (0) | 2015.01.24 |