CSS3 Background-size,Background-origin,Background-clip,Multiple Background 사용방법

CSS3에서 Background-size의 사용과 응용 Background-origin,Background-clip,Multiple Background는 덤
Background-size :
CSS2.1/CSS3 모두 적용가능.
- 배경이미지의 사이즈를 조절가능 
- length, percentage, cover, contain
background-size:80px; //width:80px height:auto
background-size:80px 80px; //width:80px height:80px
background-size:50% 50%; //width:50% height:50%
background-size:cover; // box의 가로크기와 세로크기중 큰값에 맞춰 준다..
background-size:contain; // box의 가로크기와 세로크기중 작은값에 맞춰 준다..
Background-origin 
CSS3에서만 사용가능
- 배경이미지의 위치 조절가능
- border-box, padding-box, content-box 
background-origin:border-box;
background-origin:content-box;
background-origin:padding-box;

Background-clip 
CSS3에서만 사용 가능함
- 배경색의 위치 조절 가능
- border-box, padding-box, content-box
background-clip:border-box;
background-clip:content-box;
background-clip:padding-box;
Multiple Background 
CSS3에서만 사용가능함
- 여러개의 배경이미지를 사용 가능
background-image:url("a.gif"), url("b.gif");
브라우저 지원 여부
Safari 1.3+, Chrome 2+, Firefox 3.6+, Opera 10.5+, Internet Explorer 9 beta +