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;
}