6.4.7 background 속성으로 한 번에 지정하기
앞에서 배운 배경 속성들은 background 속성으로 한 번에 지정할 수 있습니다. 속성값을 나열하는 순서는 정해져 있지 않지만, background-size 속성만은 항상 background-position 속성값을 먼저 작성하고 나서 슬래시(/)로 구분한 후 사용해야 합니다.
형식
background:<color 속성값> <image 속성값> <repeat 속성값> <position 속성값/size 속성값> <attachment 속성값>;
예를 들어, 다음과 같이 여러 속성을 사용하는 코드가 있습니다.
div{
background-color:red;
background-image:url('images/coffee.jpg');
background-repeat:no-repeat;
background-position:center;
background-size:100% 100%;
background-attachment:fixed;
}