[CSS] background 와 background-color의 차이

1638 단어 CSSTILCSS
  • background와 background-color 모두 배경 색상을 지정할 수 있다.

  • 그러나, background-color 즉 색깔만 지정할 수 있는 반면에, background는 color 이외의 다른 background 옵션들까지 지정해줄 수있다.

  • background는 다른 color / image / repeat / attachment / position과 background 옵션들을 추가적으로 부여할 수 있다.


/* background 경우 다양한 background 옵션을 띄어쓰기로 구분해서 한번에 줄 수 있다. */ 

background: #color url("image url") no-repeat; 

/* background-color은 단순히 배경색 옵션만 부여할 수 있다. */ 

background-color: #color;


background-color 
background-image 
background-repeat      =====> background (shorthand property)
background-attachment  
background-position

=> 그러나, 명시성 측면에서는 각각의 옵션명을 적어주는 편이 좀 더 코드를 이해하기 쉽다.

좋은 웹페이지 즐겨찾기