[CSS] background & background-color 속성 차이

body { background-color: blue; }

 

body { background: blue; }

 

위의 코드들을 실행해보았을 때 결과물에 차이가 없다.

그렇다면 무엇이 다른 걸까?

결과부터 말하자면 background 속성은 약어이기 때문에 background-color와 결과물에 차이가 없다.
여러 줄에 걸쳐 속성을 표현하느냐, 한 줄에 해결하느냐의 차이이다.

background-color  
background-image  
background-position  
background-repeat  
background-attachment  
background-clip  
background-origin  
background-size

따라서 background-color 이외에도 
위와 같은 속성들을 background 축약형 속성을 이용하여 표현할 수 있다.

 

background: #ffffff url("image_example.jpg") no-repeat left bottom;

background 속성의 예시는 위와 같다.