앞의 코드는 다음처럼 단축 속성인 background 속성으로 한 번에 지정할 수 있습니다.
06/04/background.html
div{
background: ① red url( ② './coffee.jpg') ③ no-repeat ④ center/100% 100% ⑤ fixed;
}
① background-color
② background-image
③ background-repeat
④ background-position/size
⑤ background-attachment
수코딩의 조언
background 속성은 background-position 속성 뒤에 background-size 속성만 슬래시로 구분해 넣는 것 말고는 background-url 속성값을 먼저 나열하든 background-attachment 속성값을 먼저 나열하든 상관없습니다. 그래서 속성값의 의미를 한눈에 파악하기가 어렵습니다. 그러므로 되도록 background 속성을 사용하지 말고 속성을 하나씩 작성해서 사용하기를 권합니다.